2014年05月24日

ホームページ上の箇条書きをキレイに表示する方法


 昨日の記事で、以下のような箇条書きがあります。
 これを見ると、当たり前の表示で、それがなんなの? という感じがしますが、数字の部分をそろえるのに結構苦労しました。

tag001.png


 上の画像で、箇条書きの数字の部分の表示が揃っていることにお気づきでしょうか。
 フレームを使わずに、数字の部分をそろえるのは結構大変です。

 画面の左側は、左寄せで設定すれば良いのですが、通常の方法では数字の部分がデコボコになってしまいます。

 そこで、今回は、空白タグを使って文字の部分をそろえています。
 複雑なものならフレームを使った方が簡単ですが、単なる箇条書きなので、空白タグだけでそろえてみました。



posted by ネコ師 at 08:00 | Comment(0) | 役立つ知識(web編) | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
記事に関係ないコメント、宣伝的なコメントは削除させていただきます。
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

▲ このページのTOPに戻る