1083748-ref.html (722B)
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 p { 31 margin: 0; 32 } 33 34 b { 35 background-color: rgb(224,255,224); 36 } 37 i { 38 background-color: rgb(255,224,224); 39 } 40 41 </style> 42 43 </head> 44 45 <body> 46 <div> 47 <div class="v-lr"> 48 <p>The <i>quick</i> brown fox jumps over the <b>lazy</b> dog.</p> 49 </div> 50 </div> 51 </body> 52 </html>