html - 2列のdivテンプレートのCSSボーダーハック

Question

2 ボーダーが重なり、見栄えが悪くなります。div にある自分の li に境界線を適用したいのですが、これも境界線を使用して横の div から分離する必要があります。

<div id="1">

</div>

<div>
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

私のデモhttp://jsfiddle.net/CfYhY/を見てください

私の欲望効果 : http://i.imgur.com/Mkf5yJD.jpg

Answer 1

負のマージンを使用してみましたか？

http://jsfiddle.net/CfYhY/1/

li {
    border-left: 4px solid red;
    border-bottom: 1px solid white;
    padding-left: 10px;
    margin-left: -4px;
}

ところで、要素 ID を数字で始めるべきではありません。