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=wrapper> <div class=column>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula congue velit. Phasellus tincidunt ex a dolor faucibus porta. Morbi quis ex eu felis vehicula pellentesque. Sed blandit id lorem a pellentesque.</div> <div class=column>Nulla ultrices elit mi, sit amet mattis nisl ullamcorper porta. Sed non nisl laoreet neque euismod sollicitudin.</div> <div class=column>Pellentesque fringilla nisl eget urna gravida, eu accumsan nulla fermentum. Donec porta tortor eu magna vestibulum, in interdum dui sollicitudin. Vestibulum sodales est enim, id dictum neque iaculis id.</div> <div class=column>Nam porttitor vulputate justo nec eleifend. Curabitur scelerisque libero at convallis volutpat. Donec turpis elit, condimentum auctor molestie et, molestie eu elit.</div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color:yellow; } .column { width: calc(100% / 4); padding: 10px; background-color:red; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>