@blog.justoneplanet.info

日々勉強

CSSで手軽に字の先頭を揃えよう!

■結論

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

とCSSに記述すればよい

サンプル

☆例えば、このように長い文章の頭に『●』や『■』や『☆』の記号がある場合でも2行目以降が1行目の文章開始位置の頭に揃うようになり見栄えも綺麗でスッキリする。

■駄作

dt {
	float:left;
	clear:left;
	width:1em;
}
dd {
	margin-left:1.5em;
}

のように記述しても同じ効果が得られるが無駄なタグが増える。それにfloatは使わないで済むならば、使わないにこしたことはない。