1094914-1b.html (572B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 #outer { 7 margin: 0px; 8 background: #ddd; 9 font-size: 0; 10 width: 300px; 11 } 12 13 #test1 { 14 writing-mode: vertical-rl; 15 16 height: 50px; 17 width: 100px; 18 19 margin-top: 10px; 20 margin-bottom: 0px; 21 margin-left: 50px; 22 margin-right: 0px; 23 24 border-top: 10px solid blue; 25 border-left: 20px solid red; 26 border-right: 30px solid green; 27 border-bottom: 40px solid gray; 28 29 display: inline-block; 30 background: yellow; 31 } 32 </style> 33 </head> 34 35 <body> 36 37 <div id="outer"> 38 <div id="test1"> 39 </div> 40 </div> 41 42 </body> 43 </html>