CSSで il,ol をテーブルっぽくやるとき


別にいまさらなんだけど
SEOを気にしたらこうなりますっていうメモってことで。

全体を指定して

ul{
width:100%;
}

割合を指定するして横にならべる

li{
width:33%;
float:left;
}

で 使うときはこんな感じ。

<ul>
<li>ライン1のカラム1</li>
<li>ライン1のカラム2</li>
<br /> //行を変える
<li>ライン2のカラム1</li>
<li>ライン2のカラム2</li>
<br /> //行を変える
<li>ライン3のカラム1</li>
<li>ライン3のカラム2</li>
</ul>

table タグ使って中に li する人が増えてるけど
やっぱやるなら全部 list タグでってことで。


Leave a Reply