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
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>labels</title> </head> <body> <div class="label"> <div class="center-txt"></div><h1>U4578</h1></div> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0" class="center-img"> </div> <div class="label"> <div class="center-txt"></div><h1>U4578</h1></div> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0" class="center-img"> </div> <div class="label"> <div class="center-txt"></div><h1>U4578</h1></div> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0" class="center-img"> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
@page { size: 210mm 297mm; margin: 0mm; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } p { margin: 0px; } body { font-family: Helvetica; font-size: 3mm; margin: 0px; padding: 0px; } .label { width: 70mm; height: 37mm; padding: 5px; break-inside: avoid; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .center-img, .center-txt { display: inline-block; vertical-align: middle; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>