line padding
by CBroe
HTML
<p><span class="line"><span class="uline"><span class="sp"> </span>Lorem<span class="sp"> </span>ipsum<span class="sp"> </span>dolor<span class="sp"> </span>sit<span class="sp"> </span>amet,<span class="sp"> </span>consectetur<span class="sp"> </span><a href="#">adipiscing<span class="sp"> </span>elit</a>.<span class="sp"> </span>Praesent<span class="sp"> </span>eu<span class="sp"> </span>faucibus<span class="sp"> </span><a href="#">orci,<span class="sp"> </span>hendrerit<span class="sp"> </span>sodales<span class="sp"> </span>orc</a>.<span class="sp"> </span>Nulla<span class="sp"> </span>scelerisque<span class="sp"> </span>felis<span class="sp"> </span>felis,<span class="sp"> </span>at<span class="sp"> </span>blandit<span class="sp"> </span>massa<span class="sp"> </span>tincidunt<span class="sp"> </span>vitae.<span class="sp"> </span>Phasellus<span class="sp"> </span>ut<span class="sp"> </span>enim<span class="sp"> </span>libero.<span class="sp"> </span>Quisque<span class="sp"> </span>id<span class="sp"> </span>fringilla<span class="sp"> </span>nisl.<span class="sp"> </span>Donec<span class="sp"> </span>vel<span class="sp"> </span>magna<span class="sp"> </span>porta<span class="sp"> </span>lectus<span class="sp"> </span>pellentesque<span class="sp"> </span>dignissim.<span class="sp"> </span>Aliquam<span class="sp"> </span>malesuada,<span class="sp"> </span>enim<span class="sp"> </span>volutpat<span class="sp"> </span>condimentum<span class="sp"> </span>feugiat,<span class="sp"> </span>mauris<span class="sp"> </span>lorem<span class="sp"> </span>ultrices<span class="sp"> </span>enim,<span class="sp"> </span>id<span class="sp"> </span>rhoncus<span class="sp"> </span>eros<span class="sp"> </span><a href="#">augue<span class="sp"> </span>sit<span class="sp"> </span>amet<span class="sp"> </span>dui</a>.<span class="sp"> </span>Class<span class="sp"> </span>aptent<span class="sp"> </span>taciti<span class="sp"> </span>sociosqu<span class="sp"> </span>ad<span...CSS
html { background:url(http://cdn2.spiegel.de/images/image-644255-galleryV9-gmbb.jpg) no-repeat; background-size:cover; }
body, a { color:#fff; text-decoration:none; }
p { line-height:1.5; margin:0 .25em; }
.line { background:rgba(0,0,0,.25); box-shadow:-.25em 0 rgba(0,0,0,.25), .25em 0 rgba(0,0,0,.25); }
.uline { padding-bottom:1px; border-bottom:1px solid rgba(0,0,0,.25); }