inline-block-frag-text-1-ref.html (772B)
1 <!DOCTYPE html> 2 <html class="reftest-paged"> 3 <head> 4 <style> 5 @page { 6 size: 5in 3in; 7 margin: 0; 8 } 9 10 @font-face { 11 font-family: Ahem; 12 src: url(../fonts/Ahem.ttf); 13 } 14 15 * { 16 margin: 0; 17 padding: 0; 18 } 19 20 .text { 21 display: block; 22 border: 2px solid; 23 background-color: grey; 24 width: 220px; 25 font: 50px/1 Ahem; 26 } 27 28 .first { 29 position: absolute; 30 top: calc(3in - 25px); 31 left: 0px; 32 } 33 34 .second { 35 position: relative; 36 top: -25px; 37 left: 0px; 38 } 39 </style> 40 </head> 41 42 <body> 43 <div class="text first">XpXp</div> 44 <div style="page-break-after: always"></div> 45 <div class="text second">XpXp</div> 46 </body> 47 </html>