JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div id="logo">
        <div id="img-logo">
            <img src="http://s24.postimg.org/oihsbnzjl/comp.png" alt="">
        </div>
        <div id="img2-logo">
            <img src="http://s21.postimg.org/yjihqfooj/gigaspace.png" alt="">
        </div>
        <div id="text-logo">We provide the power for your computer system</div>
    </div>
    <div id="text"></div>
</div>
<div id="nav">
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

CSS

* {
    padding: 0 0;
    margin: 0 0;
}
body {
    width: 100%;
}
#header {
    position: relative;
    height: 109px;
    background: url('http://s9.postimg.org/c85iff0pn/head_bg.jpg');
    border-bottom: 1px solid black;
    padding-top: 1px;
}
#logo {
    overflow: visible;
    height: inherit;
    margin-top: 1px;
    float: left;
}
#img-logo {
    margin-left: 125px;
    margin-top: 30px;
    float: left;
}
#img2-logo {
    margin-top: 43px;
    float: left;
    margin-left: 13px;
}
#text-logo {
    font-family:"Myriad Pro", Arial;
    font-size: 14px;
    font-weight: bold;
    float: left;
    color: #545454;
}