<style>
div {
  font-family: Monospace;
  font-size: 10px;
}
span {
  text-decoration: underline;
}
</style>
<div>X</div>
<div>X<span>X</span>X</div>
<div>X<span style="padding: 0px 50px;">X</span>X</div>
<div>X<span style="padding: 0px 100px;">X</span>X</div>
<div>X<span style="padding: 0px 50px;">X<span style="padding: 0px 50px;">X</span>X</span>X</div>
<div>X<span style="padding: 0px 100px;">X<span style="padding: 0px 100px;">X</span>X</span>X</div>
<div style="line-height: 200px;">X<span style="padding: 0px 100px;">X<span style="padding: 0px 100px;">X</span>X</span>X</div>
<div style="line-height: 0px;">X<span style="padding: 0px 100px;">X<span style="padding: 0px 100px;">X</span>X</span>X</div>
