1083748.html (695B)
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <style> 5 @font-face { 6 font-family: test; 7 src: url(../fonts/mplus/mplus-1p-regular.ttf); 8 } 9 body { 10 font-family: test; 11 } 12 body > div { 13 width:410px; 14 height:610px; 15 float:left; 16 border:1px solid green; 17 margin:5px; 18 } 19 body > div > div { 20 width:200px; 21 height:200px; 22 border:1px solid red; 23 line-height:20px; 24 text-transform:full-width; 25 float:left; 26 } 27 28 .v-lr { writing-mode:vertical-lr; text-orientation:upright } 29 30 b { 31 background-color: rgb(224,255,224); 32 } 33 i { 34 background-color: rgb(255,224,224); 35 } 36 37 </style> 38 39 </head> 40 41 <body> 42 <div> 43 <div class="v-lr"> 44 The <i>quick</i> brown fox jumps over the <b>lazy</b> dog. 45 </div> 46 </div> 47 </body> 48 </html>