JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header" class="lightgradient">

    <div id="headerContent" class="container">

        <div id="logo" class="span-6">

            <a href="/"><img src="http://placekitten.com/230/62" /></a>

        </div>

        <div id="menucontainer" class="span-14">
        </div>

        <div id="logindisplay" class="span-2">
            
            <a href="/Account/LogOn">Logga in</a>
            
        </div>

    </div>

</div>



<div class="banner">

    <div class="container white">

        <div class="span-12">Content!!!</div>
    
    </div>
    
</div>

CSS

#header { background:#000; height:100px; } 
#logo {  left:10px; height:62px; position:relative; top:70px;  }
#menu li { display:inline; }
.banner { background:green; font:7em Comic Sans, Comic Sans MS, cursive; height:200px; padding:50px 20px 15px; text-shadow:1px 1px 1px rgba(255,255,255,.3), 1px 1px 10px rgba(255,255,255,.1); }