<!DOCTYPE html>
<title>propagating text-decoration into buttons</title>
<link rel=match href=propagate-text-decoration-ref.html>
<meta name=fuzzy content="maxDifference=0-40;totalPixels=0-50">
<style>
button, input { font: inherit }
.inline > u > * { display: inline }
.inline-block > u > * { display: inline-block }
</style>
<p>The text in the following buttons should be underlined.</p>
<p class=inline><u><button>foo</button><input type=button value=foo></u></p>
<p>The text in the following buttons should NOT be underlined.</p>
<p class=inline-block><u><button>foo</button><input type=button value=foo></u></p>
