Živá ukázka

Výsledek

<div class="obal">
    <div class="menu">
        <h2>Menu</h2>
        <ul>
            <li><a href="#">Odkaz</a></li>
            <li><a href="#">Odkaz</a></li>
            <li><a href="#">Odkaz</a></li>
            <li><a href="#">Odkaz</a></li>
            <li><a href="#">Odkaz</a></li>
        </ul>
    </div>
    
    <div class="obsah">
    <h1>HTML je responsivní</h1>
    
    <p>Lorem ipsum dolor sit amet, <b>consectetur</b> adipisicing elit. Cumque, ratione saepe fuga sapiente veniam perferendis. Commodi, iure amet <i>fugiat saepe</i> sunt tempora ipsum tempore nostrum ad omnis. Temporibus, vel, doloremque!</p>
    
    <ul>
        <li>lorem,</li>
        <li>doloremque,</li>
        <li>necessitatibus</li>
    </ul>
    
    <h2>Tempora</h2>
    
    <p>Repellendus, vero tempore nulla necessitatibus tenetur tempora quidem odit sunt facere modi temporibus magnam sint veniam quis rem expedita consequuntur nam illo optio ipsum aliquid qui delectus dolore reiciendis minus?</p>
    
    <dl>
        <dt>Minima</dt>
        <dd>
            <p>Lorem ipsum dolor sit amet.</p>
        </dd>
        
        <dt>Consequuntur</dt>
        <dd>
            <p>Dolore illum optio asperiores minima et nulla ducimus.</p>
        </dd>
    </dl>
    
    <p>Minima numquam porro maiores suscipit et tenetur officia praesentium recusandae. Modi error dolor eveniet vero cupiditate minima accusantium fuga possimus fugiat molestias. Dolore illum optio asperiores minima et nulla ducimus.</p>
    </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