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

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

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

  4. CSS nite in Osaka

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

  6. CSSだけで画像に影をつけたい|box-shadowを使う方法