ネット集客実践クラブ(大阪)

 

CSSでいろいろカスタマイズ

CSSでかなり色々なことができるようになってきました。

いろいろやって見たメモです。

2行になった見出しや、liタグ、Pタグの行頭揃え、冒頭をそろえるには?

liが長くなってくると折り返しの際に、2行目が「・」の直下になってしまいます。

折り返しの際に、1行目と同じ位置から始めたいときに使うCSSの定義です。


li {
    padding-left         : 1em;
    text-indent          : -1em;
}

「padding-left: 1em;」で、行頭の始まり位置を決めます。

「text-indent: -1em;」で、「・」部分の分、位置を左に寄せる、という定義です。

位置決めは、各サイトのCSSの他の定義にも影響されると思いますので、ご自身で数字は調整してください。

参考)CSSのリストタグで2行目以降を一文字だけ下げる方法もちろんPタグなどにも適応可能

ページ上部へ戻る