グローバルナビのメニューリンクを横並びにしたり、ギャラリー型サイトで画像をタイル状に横に並べたりと、サイト構築時に要素を横並びにするに当たってCSSの float や display を使うことが多いと思います。 float と display とでは見え方にどのような違いがあるか?について、サンプルも交えて紹介いたします。 float:left の場合 まずは float:left で要素を横並びにするサンプルです。 <style> .navi { width:100%; margin:0 auto } .navi li { float:left; border:1px solid #ccc; padding:5px 10px; text-align:center } </style> <ul class="navi clearfix"> <li><a href="#">リスト1</a>