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