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"> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0"> <div>U4578</div> </div> <div class="label"> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0" > <div>U4578</div> </div> <div class="label"> <img src="https://api.qrserver.com/v1/create-qr-code/?data=diskuse.jakpsatweb.cz&size=220x220&margin=0"> <div>U4578</div> </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: row; } .label img { height: 129.836px; width: 129.836px; } .label div { text-align: center; flex-grow: 1; line-height: 129.836px; font-size: 2em; font-weight: bold; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>