Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<table class="formular"> <tr> <td class="leva"> <label>Jmeno</label> </td> <td class="prava"> <label>Tvarohove knedlíky</label> </td> </tr> <tr> <td class="leva"> <label>Předmět</label> </td> <td class="prava"> <p>Jahody s tvarohem</p> </td> </tr> <tr> <td class="leva"> <label>Email</label> </td> <td class="prava"> <label>Pes a kočka</label> </td> </tr> <tr> <td class="dolu leva" rowspan="2"> <label>[captcha]</label> </td> <td class="prava"> <label>Kočka se salátem</label> </td> </tr> <tr> <td class="prava"> <label>Nohy v mixéru</label> </td> </tr> <tr> <td class="dolu leva"> <label> <button>Odeslat</button> </label> </td> <td class="prava"> <label>Ruce s máslem </label> </td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
td { background: red; padding: 10px 30px; } @media (max-width: 800px) { td, tr, table { display: block; } .dolu { background: yellow; } .formular { display: flex; } .leva { order: 1; } .prava { order: 2; } .dolu { order: 3; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>