<!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>