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
<body> <div id="wrapper"> <div class="box"> <h2>Kontakt</h2> <table> <tr> <td>tel.: 226 227 228</td> </tr> <tr> <td>email@email.cz</td> </tr> <tr> <td>www.brno.cz</td> </tr> </table> </div> <div class="box"> <h2>Adresa</h2> <table> <tr> <td>Pražská 25</td> </tr> <tr> <td>Brno 00 100</td> </tr> <tr> <td>Czech republic</td> </tr> </table> </div> <div class="clear"></div> </div> </body>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { margin: 0; padding: 0; } #wrapper { margin: 0 auto; width: 760px; border: 1px solid; } .box { width: 50%; float: left; } .box h2 { text-align: center; border-bottom: 1px solid; } table { width: 100%; text-align: center; } .clear { clear: both; } @media only screen and (max-width: 760px) { .box { width: 100%; float: none; display: block; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>