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
<meta charset=utf-8> <title>Simulace tabulky</title> <div class=tabulka> <a href="#"> <span>Nějaký hodně dlouhý odkaz, který se drží v levo a zalomí se, je-li třeba...</span> <span>KATALOG. č. XY</span> </a> <a href="#"> <span>Krátký řádek</span> <span>KATALOG. č. 2</span> </a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.tabulka, .tabulka a { display: block; } .tabulka, .tabulka span { border: 1px solid black; } .tabulka { display: table; border-spacing: 5px; } .tabulka a { display: table-row; text-decoration: none; } .tabulka span { display: table-cell; padding: 2px; } .tabulka a:hover { background: gold; text-decoration: underline; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>