<!DOCTYPE html>
<title>text-decoration</title>

<h1>text-decoration on a block</h1>

<div style="text-decoration: underline">

  text directly in parent

  <div>text in block</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>
  <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>

</div>

<h1>text-decoration on an inline</h1>

<div style="text-decoration: underline; display: inline">

  text directly in parent

  <div>text in block</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>
  <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>

</div>