1818412-1.html (620B)
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 div.down div.text{ 35 bottom:0px; 36 } 37 </style> 38 <body> 39 <span> 40 <div class="up"> 41 <div class="text">A</div> 42 </div> 43 <div class="down"> 44 <div class="text">A</div> 45 </div> 46 </span> 47 </body>