• CSS

CSSで二行目以降を1字下げる

注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。
そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利!
結構使えるテクニックだと思います。

HTML
[html]
<div class="att">※注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利!</div>
[/html]

CSS
[css]
.att {
padding-left: 1em;
text-indent: -1em;
}
[/css]

にほんブログ村 デザインブログ Webデザインへ
↑WEBデザインブログランキングです
良かったら応援お願いします♪

関連記事

  1. インラインフレームをCSSで設定

  2. CSSでテーブルレイアウト

  3. CSS3メモ~背景画像のサイズを固定する

  4. Web creators 2006年 10月号

  5. グローバルナビを上部に固定してスクロールする小さくする2つのポイント

  6. W3Cバリデーションチェック