JSFiddle - React, Tailwind, and code Playground
HTML
<dl>
<dt>lang="en-US"</dt>
<dd lang="en-US">
<div>
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div>
</dd>
<dt>lang="ja"</dt>
<dd lang="ja">
<div>
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div>
</dd>
<dt>lang="ko"</dt>
<dd lang="ko">
<div>
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline (ygj_)</span>
<span style="text-decoration: overline;">overline (ygj_)</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration:...
CSS
dd {
font-size: 5em;
font-family: serif;
}
div {
margin-top: 1em;
margin-bottom: 1em;
}
span {
white-space: nowrap;
text-orientation: sideways-right;
}