I am trying to vertically center my content div within my header div without any extra space around it. I had it working before but the width of the content div would always be 100%. Here is the code I used:
#header {
position: absolute;
width: 100%;
height: 15%;
background-color: white;
z-index: 10;
overflow: hidden;
display: table;
}
#content {
display: table-cell;
overflow: auto;
vertical-align: middle;
padding: 0px;
margin: 0px;
float: left;
}
h1 {
display: inline-block;
margin: 0px;
}<div id="header">
<div id="content">
<h1>Jari Rengeling</h1>
</div>
</div>