blob: 68fda9c5004c58508d774e9ba34ca779a0b92635 (
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
|
<!DOCTYPE HTML>
<meta charset="utf-8">
<style>
div.outer {
width: 450px;
font-size: 12px;
}
button {
font-size: 12px;
}
.invisible {
color: white;
}
</style>
<!--
In a 450px container, the minimum font size at 15em per line is 30px.
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
-->
<div class="outer">
<form><button>Add Comment</button></form>
<p class="invisible">Some text to ensure the button gets inflated - if it
isn't size-restricted, that is - but which shouldn't influence the visual
result otherwise.</p>
</div>
|
