ざっくり言うとfloatを使う方法とinline-bockを使う方法があります。 まずfloatを使う方法 <ul> <li><img src="images/sample_image01.jpg"></li> <li><img src="images/sample_image01.jpg"></li> <li><img src="images/sample_image01.jpg"></li> <li><img src="images/sample_image01.jpg"></li></ul> <div class="clearfix"></div> li { list-style: no…

簡単に説明するとブロック要素はブロックなので縦に積み上げるもの。 インライン要素はインラインなので、横に並ぶもの。 そんな感じで理解しています。 <ul><li>はブロック要素なので、このように書くと縦に積みあがって表示されます。 <ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> <li></li></ul></li></ul>…