• 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だけで画像に影をつけたい|box-shadowを使う方法

  3. CSSレイアウトサンプル-2カラム

  4. CSSレイアウトサンプル-3カラム

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

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