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
<div class="uzivatel"> <img class="uzivatelsky-obrazok" src="http://www.endlessicons.com/wp-content/uploads/2012/12/male-avatar-icon-614x460.png" width="60px"> <div class="udaje"> <p class="nick">Nick: <strong>Tomáš123</strong></p><img src="http://png-1.findicons.com/files/icons/1072/face_avatars/300/i04.png" width="15"> <p>Zaregistrovaný: 1.1. 2014</p> <p>1 týždeň</p> </div> <div class="cleaner"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.uzivatel { background-color: #EEE; border-left: 2px solid #000; padding: 5px; width: 300px; } p { margin: 2px; font-size: 12px; } .uzivatelsky-obrazok { float: left; } .udaje { margin-left: 60px; } .nick { display: inline; margin-right: 10px; } .cleaner { clear: both; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>