margin-top: 5px
margin-right: 0
margin-bottom: 2em
margin-left: 50px
margin-block-start: 5px
margin-inline-end: 0
margin-block-end: 2em
margin-inline-start: 50px
.box { writing-mode: horizontal-tb; direction: ltr; } .physical { margin-top: 5px; margin-right: 0; margin-bottom: 2em; margin-left: 50px; } .logical { margin-block-start: 5px; margin-inline-end: 0; margin-block-end: 2em; margin-inline-start: 50px; }
<div class="container"> <div class="inner"> <div class="physical box"> margin-top: 5px<br> margin-right: 0<br> margin-bottom: 2em<br> margin-left: 50px </div> </div> <div class="inner"> <div class="logical box"> margin-block-start: 5px<br> margin-inline-end: 0<br> margin-block-end: 2em<br> margin-inline-start: 50px </div> </div> </div>