• 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レイアウトサンプル-2カラム

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

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

  5. CSS Optimizer (CSS最適化ツール)

  6. Web creators 2006年 10月号