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
<title>Šikmý obsah v CSS</title> <h1>Šikmý obsah v CSS</h1> <p>Pravý kraj nadpisu je šikmý.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h1 { background: #ccc; padding: 0 .5em; position: relative; display: inline-block; line-height: 2em; } h1:after { content: ""; border: 2em solid transparent; width: 0px; height: 0px; display: inline-block; position: absolute; border-left: 2em solid #ccc; border-top: 0; left: 100%; top: 0;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>