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