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
<html> <body> <div id="items"> <div class="box width460 topstory-list"> <div class="title">Doba načtení:</div> <p><strong>MIN: <span>24ms</span></strong> dnes v 06:08h</p> <p class="max"><strong>MAX: <span>875ms</span></strong> dnes v 15:58h</p> </div> <div class="box width460 topstory-list"> <div class="title">Doba načtení:</div> <p><strong>MIN: <span>24ms</span></strong> dnes v 06:08h</p> <p class="max"><strong>MAX: <span>875ms</span></strong> dnes v 15:58h</p> </div> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.topstory-list { padding: 10px 0 10px 10px; overflow: hidden; float: left; border-top: 1px solid #F8F8F7; background-color: #ddddd4; } #items div:last-child { border-radius: 0 0 7px 7px; } .title{ font-weight: bold; } .width460 { width: 460px; } .topstory-list p { display: inline-block; width: 50%; float: left; font-size: 16px; } .topstory-list p span { color: #338ebd; } .topstory-list p.max span { color: #c33234; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>