Thin border

by GijsjanB

HTML

<span>Normal &lt;hr&gt;:</span>
<hr>
<br><br>
<span>Thin &lt;hr&gt;:</span>
<hr class="thin">
<br><br>
<span>Normal &lt;div&gt; with border:</span>
<div class="normalborder">
    lala
</div>
<br><br>
<span>Thin &lt;div&gt; with border:</span>
<div class="box thin">
    lala
</div>

CSS

.thin {
    border: 1px solid white;
    box-shadow: 0 1px 0 gray;
}
.box {
   box-shadow: 0 0 1px black;
}
div.normalborder {
    border: 1px solid black;
}
div {
    margin-top: 8px;
    padding: 6px;
}
span {
    color: #3D6AA2;
}