JSFiddle - React, Tailwind, and code Playground

by Evgenii Malikov

HTML

<div class="container">
<div class="row">
  <div class="col-sm-1">
    
  </div>
  <div class="horizontal col-sm-11">
    horizontal
  </div>
</div>
<div class="row">
  <div class="vertical col-sm-1">
    vv
  </div>
  <div class="window col-sm-11">
    window
  </div>
</div>
</div>

CSS

div {
  border: 1px dotted lime
}
div.row{display: table-row}
div.row div{display: table-cell}
div.horizontal {
  width: 300px;
  height: 20px
}

div.vertical {
  width: 20px;
  height: 500px
}

div.window {
  width: 300px;
  height: 500px
}