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
<br> <ul class="flex-container1"> <li >Logo</li> </ul> <ul class="flex-container2"> <li>one</li> <li>two</li> <li>three</li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.flex-container1 { display: flex; justify-content: flex-start; margin-left:-10px; } .flex-container2 { display: flex; justify-content: flex-end; margin-top:-50px; } .logo{ background-color:red; border:1px solid red; } ul.flex-container1 li{list-style:none; padding-top:30px; border-radius:5px; padding:5px; background-color:red; color:white; } ul.flex-container2 li{list-style:none; margin:2px; border:1px solid blue; border-radius:5px; padding:5px; background-color:blue; color:white; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>