I'm struggling to vertically center my container in the Skeleton boilerplate. I've tried a few things, but it just won't align properly. Any tips or tricks would be greatly appreciated!
HTML:
<div class="container">
<div class="sixteen columns">
<h1 class="remove-bottom"></h1>
</div>
<div class="one-third column">
<div class="middle-wrapper">
</div><br>
</div>
<div class="one-third column">
<div class="middle-wrapper">
</div><br>
</div><br>
<div class="one-third column">
<div class="middle-wrapper">
</div><br>
</div>
</div>CSS:
/* Base 960 Grid */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }