Overlapping Borders

by lgedeon

HTML

<div id="one">
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
</div>
<div id="two">
    <p>test</p>
    <p>test</p>
</div>

CSS

#one {
    border-right: 3px dotted #00f;
    float: left;
}
#two {
    border-left: 3px dotted #0f0;
    float: left;
    margin-left: -3px;
}