CSSで二行目以降を1字下げる
注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。
そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利！
結構使えるテクニックだと思います。
HTML
<div class="att">※注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利！</div>
CSS
.att {
padding-left: 1em;
text-indent: -1em;
}
↑WEBデザインブログランキングです
良かったら応援お願いします♪
post by : Kanako.M
7月 14, 10 at 2:06 PMこんにちは！初めまして♪
コメントありがとうございます。blue-greenの素材もお使いいただいているとの事で、大変うれしく思います
>細かいことだけど、すごく大事なことですよね。
そうなんですよね・・・
ちょっとした事だけど、手を抜くとやはり見栄えが悪くなるのでこだわりたい所です。
post by : grace
7月 14, 10 at 11:47 AMはじめまして。
この CSS テクニック、いただきました^^
細かいことだけど、すごく大事なことですよね。
Kanako さんが創造する癒しのデザインが好きで、ちょくちょく 『blue-green』 から素材を拝借してます^^
これからもがんばってください。
応援してますよ。