1818412-1-ref.html (541B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset=UTF-8> 4 <style> 5 @font-face{ 6 font-family:Ahem; 7 src:url(../fonts/Ahem.ttf); 8 } 9 body{ 10 margin:0; 11 } 12 span{ 13 display:block; 14 } 15 span div{ 16 position:absolute; 17 width:200px; 18 height:100px; 19 overflow:hidden; 20 } 21 div.up{ 22 background:pink; 23 } 24 div.down{ 25 top:100px; 26 background:yellow; 27 } 28 div.text{ 29 position:absolute; 30 height:200px; 31 font:160px/1.2 Ahem; 32 padding-left:20px; 33 } 34 </style> 35 <body> 36 <span> 37 <div class="up"></div> 38 <div class="down"></div> 39 <div class="text">A</div> 40 </span> 41 </body>