1096224-1a.html (608B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .outer { 7 padding: 2px; 8 border: 1px solid black; 9 background: #ddd; 10 width: 200px; 11 } 12 .inner { 13 width: 50px; 14 height: 50px; 15 background: yellow; 16 } 17 .foo { 18 writing-mode: vertical-lr; 19 margin-left: 100px; 20 margin-right: 50px; 21 margin-top: 20px; 22 margin-bottom: 5px; 23 } 24 .bar { 25 writing-mode: vertical-lr; 26 margin-left: 50px; 27 margin-right: 100px; 28 margin-top: 5px; 29 margin-bottom: 20px; 30 } 31 </style> 32 </head> 33 34 <body> 35 36 <div class="outer"> 37 <div class="inner foo"> 38 </div> 39 <hr> 40 <div class="inner bar"> 41 </div> 42 </div> 43 44 </body> 45 </html>