align center vertically

by moovendan

HTML

<div class="header_first_above">
        <div class="first_above">
            <div class="logo">
                <p><img src="http://d3n7l4wl5znnup.cloudfront.net/assets/images/logo.jpg" /></p>
            </div><!--
            --><div class="icons">
                sd
            </div>
        </div>
    </div>

CSS

.header_first_above {
    width:90%;
    height:150px;
    background:#FFFFFF;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    position:absolute;
    left:5%;
    margin:0 auto;
    top:0;
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}
.header_first_above .first_above {
    width:100%;
}
.header_first_above .first_above .logo {
    width:20%;
    padding:10px;
    display:inline-block;
  background-color: red;
}
.header_first_above .first_above .icons {
    width:calc(100% - 20% - 20px );
    display:inline-block;
    color:red;
    text-align:right;
    background:#F1B0B1;
    margin:0;
}