CSSでいろいろカスタマイズ
CSSでかなり色々なことができるようになってきました。
いろいろやって見たメモです。
2行になった見出しや、liタグ、Pタグの行頭揃え、冒頭をそろえるには?
liが長くなってくると折り返しの際に、2行目が「・」の直下になってしまいます。
折り返しの際に、1行目と同じ位置から始めたいときに使うCSSの定義です。
li {
padding-left : 1em;
text-indent : -1em;
}
「padding-left: 1em;」で、行頭の始まり位置を決めます。
「text-indent: -1em;」で、「・」部分の分、位置を左に寄せる、という定義です。
位置決めは、各サイトのCSSの他の定義にも影響されると思いますので、ご自身で数字は調整してください。