Image in the center

by teresko

HTML

<div class="container">
    <div class="holder">
        <img class="stuff" 
             src="http://th07.deviantart.net/fs71/150/f/2012/220/5/1/golden_gate_by_alierturk-d5a8niq.jpg">
    </div>                
</div>

CSS

html{
    background:#111
}

.container{
    height: 300px;
    margin: 0 auto;
    width: 200px;
    background: #222;
}

.holder{
    display:    table-cell;
    width:        100%;
    vertical-align: middle;
    height:        inherit;
}

.stuff{
    display:    block;
}