サムネイル画像をきれいに並べる（1）：CSS小技2：ポイント解説 リスト（ul）タグにて、リンク（a）画像（img）を指定しています。（imgの方に小さい画像、aの方に大きい画像です） CSSは、リストタグにかけています。classで「thumbnail」と「clearfix」の 2つです。 「thumbnail」のポイントは、<li>に「float: left;」をして、回り込みを行っていることです。以下、コメント付きのソースも掲載しておきます。 ul.thumbnail { list-style-type: none; } /* リストマークを非表示 */ ul.thumbnail li { float: left; /* 左回り込み */ margin: 0 5px 5px 0; /* 右と下にスペース 5px */ } ul.thumbnail li img { border: 2px solid #bbb; /* 画像に 2p
