• 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. W3Cバリデーションチェック

  2. Firefoxで背景画像が伸びない場合の対処

  3. Web creators 2006年 10月号

  4. CSSだけでノート風の罫線を作る

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

  6. コピペでカンタン|シンプルでスタイリッシュな見出しを作るサンプル集