JSFiddle - React, Tailwind, and code Playground
HTML
<dl>
<dt>lang attr is not specified</dt>
<dd>
<div>
<span style="text-decoration: underline;">underline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: overline;">overline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: line-through;">line-through <span lang="en-US">(another element)</span></span><br/>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: overline;">overline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: line-through;">line-through <span lang="en-US">(another element)</span></span><br/>
</div>
<div style="writing-mode: tb-lr; writing-mode: vertical-lr;">
<span style="text-decoration: underline;">underline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: overline;">overline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: line-through;">line-through <span lang="en-US">(another element)</span></span><br/>
</div>
</dd>
<dt>lang="ja"</dt>
<dd lang="ja">
<div>
<span style="text-decoration: underline;">underline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: overline;">overline <span lang="en-US">(another element)</span></span><br/>
<span style="text-decoration: line-through;">line-through <span lang="en-US">(another element)</span></span><br/>
</div><div style="writing-mode: tb-rl; writing-mode: vertical-rl;">
<span style="text-decoration: underline;">underline <span lang="en-US">(another element)</span></span><br/>
<span...
CSS
dd div {
margin-top: 1em;
margin-bottom: 1em;
line-height: 2em;
font-size: 3em;
}
span {
white-space: nowrap;
}