JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<header>
    <hgroup>
        <h2><a href="#">שם האתר</a></h2>
        <h3>סלוגן אתר</h3>
    </hgroup>
    <nav>
        <ul>
            <li><a href="#">קישור 1</a></li>
            <li><a href="#">קישור 2</a></li>
            <li><a href="#">קישור 3</a></li>
            <li><a href="#">קישור 4</a></li>
        </ul>
    </nav>
</header>

<section>
    <h1>כותרת כלשהי כאן</h1>
    <p>
        תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. 
    </p> 
    <p>
        תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. תוכן כלשהו כאן. 
    </p> 
</section>
<aside>
    <h3>מידע נוסף</h3>
    <ul>
        <li><a href="#">קישור 1</a></li>
        <li><a href="#">קישור 2</a></li>
        <li><a href="#">קישור 3</a></li>
        <li><a href="#">קישור 4</a></li>
    </ul>
</aside>
    
<footer>
    כל הזכויות שמורות למישהו &copy; 2012
</footer>

CSS

body {
    direction: rtl;
    font-family: arial;
}

header {
    background: #FED;
}

footer {
    background: #BED;
}

section {
    background: #DAD;
}

aside {
    background: #BAD;
}

nav {
    background: #ADD
}

nav a {
    background: white;
}