Prohození přes position: relative

Výsledek

<title>Prohození přes position: relative</title>

<h1>Prohození přes <code>position: relative</code></h1>

<div class="tabulka">
    <div class="radek">
        <div class="bunka obrazek">
            <div class="obal">
                <img src="/i/200" alt="">
            </div>
        </div>
        <div class="bunka text">
            <div class="obal">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, consectetur.</p>
            </div>
        </div>
    </div>
    
    <div class="radek sudy">
        <div class="bunka obrazek">
            <div class="obal">
                <img src="/i/100x10" alt="">
            </div>
        </div>
        <div class="bunka text">
            <div class="obal">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, consectetur.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, consectetur.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, consectetur.</p>
            </div>
        </div>
    </div>    
    
    <div class="radek">
        <div class="bunka obrazek">
            <div class="obal">
                <img src="/i/100x300" alt="">
            </div>
        </div>
        <div class="bunka text">
            <div class="obal">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, consectetur.</p>
            </div>
        </div>
    </div>    
</div>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS