somefiddle

HTML

<div class="wrap clear">
    <div class="img-wrap"></div>
    <div class="content-wrap"></div>
    <div class="info-wrap">
        <div class="userinfo-wrap"></div>
        <div class="icons-wrap"></div>
    </div>
</div>

CSS

*, *:before, *:after {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
 }

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.wrap {
    border: 2px solid #000;
    width: 100%;
    height: 150px;
    padding: 20px;
}

.img-wrap {
    float: left;
    border: 2px solid #000;
    width: 25%;
    height: 100%;
}

.content-wrap {
    float: left;
    border: 2px solid #000;
    width: 44%;
    margin: 0 2%;
    height: 100%;
}

.info-wrap {
    float: left;
    width: 25%;
    height: 100%;
}

.userinfo-wrap {
    border: 2px solid #000;
    width: 100%;
    height: 48%;
    margin-bottom: 2%;
}

.icons-wrap {
    border: 2px solid #000;
    width: 100%;
    height: 48%;
}