JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rahmen">
    <div id="top">
        
    </div>
    
    <div id="menu">
        Menu
    </div>
    <div id="content">
        Website Content
    </div>

    <div id="bottom">
        <ul style="float:left; display:block; margin-left:60px;">
            <li>blabal</li>
            <li>blabal</li>
            <li>blabal</li>
            <li>blabal</li>
        </ul>
        <ul style="float:left; display:block; margin-left:60px;">
            <li>blabal</li>
            <li>blabal</li>
            <li>blabal</li>
            <li>blabal</li>
        </ul>
    </div>
</div>

CSS

#rahmen{
    width:950px;
    background-color: #777;
    margin:0 auto;
}

#menu{
    width: 225px;
    border:4px #FFF;
    float:left;
    margin-top: 50px;
    min-height:600px;
}

#top{
    height: 110px;
    margin-left:50px;
    padding-top:30px;
}


#content{
    float:left;
    width: 708px;
    background-color:#FFF;
    min-height:700px;
}

/* For modern browsers */
#bottom:before,
#bottom:after {
    content:"";
    display:table;
}

#bottom:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
#bottom {
    zoom:1;
}