summaryrefslogtreecommitdiffstats
path: root/layout/reftests/font-inflation/form-button-fixed-width.html
blob: 8cad80deb1471e51da468bc000ad2bdd45718e63 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE HTML>
<meta charset="utf-8">
<style>
  div.outer {
    width: 450px;
    font-size: 12px;
  }

  button {
    font-size: 12px;
    width: 110px;
  }

  .invisible {
    color: white;
  }
</style>
<!--
Because this button has a fixed width,
font inflation should be disabled.
-->
<div class="outer">
  <form><button>Add Comment</button></form>
  <p class="invisible">Some text to ensure the button gets inflated - if it
  wasn't size-restricted, that is - but which shouldn't influence the visual
  result otherwise.</p>
</div>