リストで横並びに表示させた時に、区切りとしてボーダーを使ったりしますが、その時に先頭やお尻にまでボーダーは付けたくないものです。
そんな時は、overflow: hidden; と margin-left を指定してあげれば解決です。
HTML
<ul class="menu"> <li>リストメニュー1</li> <li>リストメニュー2</li> <li>リストメニュー3</li> <li>リストメニュー4</li> <li>リストメニュー5</li> </ul>
CSS
ul.menu { overflow: hidden; padding:0; } ul.menu li { margin-left: -1px; display: inline; padding: 5px; border-left: 1px dotted #999; }