JSFiddle - React, Tailwind, and code Playground
HTML
<div id="header">
<div id="leftdiv">
<div id="logo"><img src="http://upload.wikimedia.org/wikipedia/en/8/88/Transdev_YB_logo.png" width="100%"></div>
</div>
<div id="centdiv">
<div id="vacio4"></div>
<div id="iconbox">
<div id="icon">
<img src="http://www.markusweimar.de/static/safesleeponce_icon.png" width="60"></img>
</div>
<div id="icon">
<img src="http://activedisclosure.com/wp-content/uploads/icBig_video.png" width="60"></img>
</div>
<div id="icon">
<img src="http://www.prosemedia.com/wp-content/uploads/2013/02/Prose-Icon-Technical-Writing-80x80.png" width="60"></img>
</div>
<div id="icon">
<img src="http://readon.education.wisc.edu/wp-content/uploads/2011/08/Icon_Intermediate1.png" width="60"></img>
</div>
<div id="icon">
<img src="http://forums.wpcentral.com/attachments/samsung-ativ-s/49834d1384684627t-settings_icon.jpg" width="60"></img>
</div>
<div id="icon">
<img src="http://activedisclosure.com/wp-content/uploads/icBig_video.png" width="60"></img>
</div>
</div>
</div>
<div id="rightdiv">
<div id="username">usuario / log off</div>
<div id="vacio3"></div>
</div>
</div>
CSS
body{margin:0}
#header {height: 121px; min-width:725px; background-color:#022252;}
#leftdiv {float: left;width:20%; height:121px;}
#logo{padding:30px 0;}
/***********************************************************************************************/
#centdiv {float: left; width:65%; height:121px; text-align:center;}
#vacio4 {height:22px;}
#iconbox {width:488px; height: 80px;margin-left: auto; margin-right: auto;}
#icon {float: left; width:80px; height:80px; text-align:center; cursor: pointer;}
/***********************************************************************************************/
#rightdiv {float: right;width:15%; height:121px;}
#username {height:21px; color:white; text-align:center; }
#vacio3 {height:100px; }