Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Vouchers</title> <script src="http://path-to-your-host/jquery.min.js" type="text/javascript"></script> <script src="http://path-to-your-host/jquery.qrcode.min.js" type="text/javascript"></script> <style> @page { size: A4; margin: 0; } @media print { html, body { width: 210mm; height: 297mm; margin-left: auto; margin-right: auto; } } @media screen { html, body { width: 800px; } } body { padding: 5mm; margin:0; margin-left: auto; margin-right: auto; font-size: 20px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 85%; } #main-wrap { background-color: #fff; max-height: 317px; text-align: center; border: solid; border-width: 1px; display: inline-block; } #main-wrap > div { max-height: 307px; } #main-wrap { overflow: hidden; width: 45%; padding-top: 20px; padding-bottom: 20px; } #leftside { display: inline-block; width: 50%; font-size: 22px; line-height: 22px; height: 220px; } #rightside { display: inline-block; width: 45%; height: 220px; font-size: 18px } img.logo { width: 100%; margin-left: auto; margin-right: auto; } .qrcode { height: 150px; width: 150px; } </style> </head> <body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
