JSFiddle - React, Tailwind, and code Playground

by whelkaholism

HTML

<div>
<span><b>Hello</b> world</span>
  <span><b>Foo</b> bar</span>
</div>

CSS

div {
  display: flex;
  align-items: stretch;
}

span {
  border-left: 1px solid black;
  writing-mode: vertical-lr;
  transform: rotate(200deg);
  display: inline-flex;
  align-items: center;
  padding: 0;
  white-space: nowrap;
  width: 35px !important;
}