JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <h1>Nadpis</h1>
</header>

<nav>
    <ul>
        <li><a href="#">Odkaz 1</a></li>
        <li><a href="#">Odkaz 2</a></li>
        <li><a href="#">Odkaz 3</a></li>
    </ul>
</nav>

<article>
<h2>The Deep South</h2> <p>Shinier than yours, meatbag. I'll tell them you went down prying the wedding ring off his cold, dead finger. Enough about your promiscuous mother, Hermes! We have bigger problems. Well, let's just dump it in the sewer and say we delivered it. I usually try to keep my sadness pent up inside where it can fester quietly as a mental illness. You guys realize you live in a sewer, right?</p> <h2>Devil's Hands are Idle Playthings</h2> <p>Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments." She also liked to shut up! Okay, it's 500 dollars, you have no choice of carrier, the battery can't hold the charge and the reception isn't very&hellip; Well I'da done better, but it's plum hard pleading a case while awaiting trial for that there incompetence. Hello, little man. I will destroy you!</p> <ul> <li>Hi, I'm a naughty nurse, and I really need someone to talk to. $9.95 a minute.</li> <li>Maybe I love you so much I love you no matter who you are pretending to be.</li> <li>Hello, little man. I will destroy you!</li> </ul> <h3>In-A-Gadda-Da-Leela</h3> <p>I don't 'need' to drink. I can quit anytime I want! And until then, I can never die? Fry, you can't just sit here in the dark listening to classical music. Fetal stemcells, aren't those controversial?</p> 
</article>

<footer>
    &copy; Ja 2014
</footer>

CSS

body { 
    font-family:Arial, sans-serif; 
    color:#FFF; 
    background:#101010; 
    font-size:13px;}

body > * { 
    border:2px solid #efefef; 
    margin:10px; 
    padding:10px;
     border-radius:10px;
}

nav { 
    float:left;
    width:200px; 
    margin-top:0px; 
}
nav ul { 
    margin:0; 
    padding:0; 
}
nav li { 
    list-style-type:none; 
    border:1px solid #d0d0d0; 
}
nav li a { 
    color:#000; 
    font-weight:bold; 
    display:block;
    padding:9px 2px;
    transition:300ms background-color; background:#efefef;
}
nav li a:hover { 
    background:#a0a0a0; 
}

article { 
    margin-left:240px; 
}

footer { 
    clear:both; 
    margin-top:10px; 
}