inline-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 {
  inline-size: 40px;
  border: 1px solid #000;
  min-inline-size: 50px;
  max-inline-size: 100px;
}

#div2 {
  inline-size: 100px;
  border: 1px solid #000;
  min-inline-size: 50px;
  max-inline-size: 100px;
}

#div3 {
  inline-size: 120px;
  border: 1px solid #000;
  min-inline-size: 50px;
  max-inline-size: 100px;
}