このページの位置 ホーム > blogっぷり! > 石輪っぷり! > Web制作 > リストを横に並べてそれぞれを改行しないようにすると WebKit では全体が改行されない リスト要素を横に並べる方法として、float: left; を使う方法と、display: inline; を使う方法がありますが、それぞれに癖があります。 float: left; を使うとリスト全体が左配置になりますので、リスト全体を中央揃えにしたい場合には使えません。 一方、display: inline; を使う場合、各リストの間におよそ半角スペース1個分の間隔が空くため、各リストの間に縦線を入れようとする場合など、左右の余白を調節する必要があるのですが、これが厄介なことに Internet Explorer 7 以前では間隔が空く側が逆なのです。 この間隔は HTML で一つ一つのリスト要素が改行されてい