Looking for a way to add vertical borders that span the entire webpage to some text? Check out this HTML snippet:
<div id="vLine">
<h1>text</h1>
</div>
Here's the accompanying CSS:
#vLine {
height: 100%;
width: 50px;
border-left: 3px solid black;
border-right: 3px solid black;
You may notice a small gap at the top of the line, even though the height is set to 100%. This can vary between browsers, but how can you eliminate this gap entirely regardless of the browser being used?