Adidas copy

by pragya91

HTML

<div class="header">
    <div class="space" style="float:left"></div>
    <div class= "brand_button">
        <div class="stack_links">
            <div class="linkdiv"></div>
            <div class="linkdiv"></div>
            <div class="linkdiv"></div>
        </div>
        <div class ="brand_name">adidas</div>
    </div>
    <div class="tabs">
        <ul>
            <li>shop</li>
            <li>sports brands</li>
            <li>micoach</li>
        </ul>
    </div>
    <div class="search_div">search</div>
    <img class="ac_img" src=""></img>
    <div class="space" style="float:right"></div>
</div>

CSS

.header {
    background : #000000;
    display: inline-block;
    width: 100%;
    height: 80px;
}
.brand_button 
{
    display:inline-block;
}

.stack_links
{
    display: inline-block;
    height:20px;
    width: 50px;
}

.linkdiv
{
    //display: inline-block;
    background: white;
    height:2px;
    margin:2px;
}
.brand_name {
    display:inline-block;
    color: white;
    font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
.tabs {
    width : 60%;
    display: inline-block;
}

.tabs ul{
}

.tabs ul li{
    display: inline-block;
    color: white;
}
.search_div
{
    color:white;
}
.space
{
    display: inline-block;
    width: 20%;
}