アプリであそぼう。こどもも、おとなも。

【CSS】※など一文字をインデントし、リストをきれいに表示する方法

サイトにおいて、マーク付きのリストはよく目にします。

※こんな感じのやつ

上のテキストの部分が一行の場合はきれいに表示されますが、もしも2行になってしまうときれいに表示されなくなってしまいます。

※こんな感じに、テキストが
マークの下にまがたってしまう。

これを防ぐには下記

.sample {
	text-indent:-1px;
	padding-left:1px;
    zoom:1;
}
これによって、テキストが改行されて二行になってもマークの下にはテキストが回りこまず、きれいに表示されます。