1147834-relative-overconstrained-vertical-rl-rtl.html (578B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Overconstrained relative positioning</title> 6 <style> 7 .test { 8 border: 1px solid black; 9 height: 200px; 10 width: 400px; 11 writing-mode: vertical-rl; 12 direction: rtl; 13 } 14 #inner1 { 15 position: relative; 16 left: 40px; 17 right: 40px; 18 top: 20px; 19 bottom: 20px; 20 height: 180px; 21 width: 360px; 22 background-color: teal; 23 } 24 </style> 25 </head> 26 <body> 27 <div class="test"> 28 <div id="inner1"></div> 29 </div> 30 </body> 31 </html>