Source code

Revision control

Copy as Markdown

Other Tools

<title>text-decoration</title>
<style>
*{
text-decoration-skip-ink: none;
}
</style>
<h1>text-decoration on a block</h1>
<u>text directly in parent</u>
<div><u>text in block</u></div>
<div style="float:left; clear: left">text in float</div>
<div style="clear:left"></div>
<div style="display:inline-block">text in<br>inline-block</div><u>
</u><div style="display:inline-table">text in<br>inline-table</div>
<div style="height: 2em">
<div style="position: absolute">text in abs-pos</div>
</div>
<h1>text-decoration on an inline</h1>
<u>text directly in parent</u>
<div><u>text in block</u></div>
<div style="float:left; clear: left">text in float</div>
<div style="clear:left"></div>
<div style="display:inline-block">text in<br>inline-block</div><u>
</u><div style="display:inline-table">text in<br>inline-table</div>
<div style="height: 2em">
<div style="position: absolute">text in abs-pos</div>
</div>