JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div id="content-top">
    <div id="logotype-banner"></div><!-- #logotype-banner -->
    <div id="banner"></div> <!-- #banner -->
    
    <div id="linkbar">
        <div id="element-linkbar"> 
            <a href="index.htm" style="display:block; height:100%; width:100%;">Start</a>
        </div>
        <div id="element-linkbar">
            <a href="gymnasiekurser/gymnasiekurser.html" style="display:block; height:100%; width:100%;">Gymnasiekurser</a>
        </div>
        <div id="element-linkbar">
            <a href="språkkurser-vuxna/språkkurser-vuxna.html" style="display:block; height:100%; width:100%;">Språkkurser vuxna</a>
        </div>
        <div id="element-linkbar">
            <a href="språkkurser-företag/språkkurser-företag.html" style="display:block; height:100%; width:100%;">Språkkurser företag</a>
        </div>
        <div id="element-linkbar">
            <a href="lärare/lärare.html" style="display:block; height:100%; width:100%;">Lärare</a>
        </div>
        <div id="element-linkbar">
            <a href="omoss/omoss.html" style="display:block; height:100%; width:100%;">Om oss</a>
        </div>
    </div><!-- #linkbar -->
</div><!-- #content-top-->

CSS

#content-top {
     position: relative;
     width: 1000px;
     height: 140px;
 }
 #logotype-banner {
   position: relative;
     width: 500px;
     height: 100px;
    float:left;
     background: url(../images/logotype1.jpg) #CC0 no-repeat 0 0;
     
 }
 #banner {
     position: relative;
     width: 500px;
     height: 100px;
    float:right;
     background: url(../images/banner1.gif) #FF0 repeat-x 0 0;
 }
 
#linkbar {
     clear:both;
     position: relative;
     width: 1000px;
     height: 40px;
    background-color:#ececec;
    
 }
 #element-linkbar {
     position: relative;
     left: 0px;
     display:block;
     float: left;
     width: 16.666666666666666666666666666666666666%;
     height: 40px;
     background-image: url(../images/linkbar1.gif) #FFF repeat-x 0 0;
     text-align: center;
 }

#element-linkbar a {
    line-height:2.5;
}