block-size vrl

by xuxing

HTML

<div id="div1">Hello, this is a test</div>
<div id="div2">Hello, this is a test</div>
<div id="div3">Hello, this is a test</div>

CSS

div { writing-mode: vertical-lr;}
#div1 { 
    block-size: 40px; border: 1px solid #000;
    min-block-size: 50px;
    max-block-size: 100px;
}
#div2 { 
    block-size: 100px; border: 1px solid #000;
    min-block-size: 50px;
    max-block-size: 100px;
}
#div3 { 
    block-size: 120px; border: 1px solid #000;
    min-block-size: 50px;
    max-block-size: 100px;
}
</style>