JSFiddle - React, Tailwind, and code Playground
HTML
<dl>
<dt>lang attr is not specified</dt>
<dd>
<div>
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
</dd>
<dt>lang="ja"</dt>
<dd lang="ja">
<div>
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
</dd>
<dt>lang="ko"</dt>
<dd lang="ko">
<div>
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline</span>
<span style="text-decoration: overline;">overline</span>
</div>
...
CSS
dd div {
margin-top: 1em;
margin-bottom: 1em;
}