line padding
by CBroe
HTML
<p><span class="w"><span>Lorem</span></span> <span class="w"><span>ipsum</span></span> <span class="w"><span>dolor</span></span> <span class="w"><span>sit</span></span> <span class="w"><span>amet,</span></span> <span class="w"><span>con­sec­te­tur</span></span> <span class="w"><span><a_href="#">adipiscing</span></span> <span class="w"><span>elit</a>.</span></span> <span class="w"><span>Praesent</span></span> <span class="w"><span>eu</span></span> <span class="w"><span>faucibus</span></span> <span class="w"><span><a_href="#">orci,</span></span> <span class="w"><span>hendrerit</span></span> <span class="w"><span>sodales</span></span> <span class="w"><span>orc</a>.</span></span> <span class="w"><span>Nulla</span></span> <span class="w"><span>scelerisque</span></span> <span class="w"><span>felis</span></span> <span class="w"><span>felis,</span></span> <span class="w"><span>at</span></span> <span class="w"><span>blandit</span></span> <span class="w"><span>massa</span></span> <span class="w"><span>tincidunt</span></span> <span class="w"><span>vitae.</span></span> <span class="w"><span>Phasellus</span></span> <span class="w"><span>ut</span></span> <span class="w"><span>enim</span></span> <span class="w"><span>libero.</span></span> <span class="w"><span>Quisque</span></span> <span class="w"><span>id</span></span> <span class="w"><span>fringilla</span></span> <span class="w"><span>nisl.</span></span> <span class="w"><span>Donec</span></span> <span class="w"><span>vel</span></span> <span class="w"><span>magna</span></span> <span class="w"><span>porta</span></span> <span class="w"><span>lectus</span></span> <span class="w"><span>pellentesque</span></span> <span class="w"><span>dignissim.</span></span> <span class="w"><span>Aliquam</span></span> <span class="w"><span>malesuada,</span></span> <span class="w"><span>enim</span></span> <span class="w"><span>volutpat</span></span> <span class="w"><span>condimentum</span></span> <span...CSS
body { xbackground:red; }
p { line-height:1.75; word-spacing:-2vh; color:#fff; font-size:2em; font-size:14.5vh; }
.w { padding:1px 0 2px 0; border-top:1px solid #000; border-bottom:1px solid #000; }
.w > span { padding:0 8px 1px 8px; background:#000; -webkit-box-decoration-break:clone; }