I have a width of 200px and a height of 100px.
I have an inline-size of 200px and a block-size of 100px.
.box { writing-mode: horizontal-tb; } .physical { width: 200px; height: 100px; } .logical { inline-size: 200px; block-size: 100px; }
<div class="container"> <div class="physical box"> I have a width of 200px and a height of 100px. </div> <div class="logical box"> I have an inline-size of 200px and a block-size of 100px. </div> </div>