Center Vertically and Horizontally

by Hossein Rafiee

HTML

<h3>Vertical TEXT!</h3>
    <div class="block">
        <div id="txt_place">
            <p>text HERE!</p>
        </div>
    </div>
<h3>Vertical img!</h3>
<div class="block">
        <div id="txt_place">
            <img src="http://teothemes.com/html/Teo/img/article01.jpg" alt="">
        </div>
    </div>

CSS

.block:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

 .block {
    font-size: 10pt;
    height: 345px;
    text-align: center;
    background:#eee;
}

.block #txt_place {
    display: inline-block;
    vertical-align: middle;
    text-align: justify;
}