ulタグでfloatし、横に並べて表示することはよくあります。 ページャーやナビゲーションなどで使用することが多いと思いますが、 ulで作ったリストを中央揃え(センタリング)をしようとした時に「margin: 0 auto;」などではセンタリングできなかったので、 floatで並べたリストを中央揃えにする方法をメモします。 また、表示する幅が固定の場合は「margin: 0 auto;」で中央揃えにすることが可能です。 ■ floatで並べたリストを中央揃えにする 「position: relative;」を使用し、位置をしています。 ulのリストを50%右に移動し、liを50%左に移動させることでセンタリングが可能になるようです。 【CSS】 <style type="text/css"> .list { border: 1px solid #CCC; padding: 10px; ov