form-button.html (612B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8"> 3 <style> 4 div.outer { 5 width: 450px; 6 font-size: 12px; 7 } 8 9 button { 10 font-size: 12px; 11 } 12 13 .invisible { 14 color: white; 15 } 16 </style> 17 <!-- 18 In a 450px container, the minimum font size at 15em per line is 30px. 19 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. 20 --> 21 <div class="outer"> 22 <form><button>Add Comment</button></form> 23 <p class="invisible">Some text to ensure the button gets inflated - if it 24 isn't size-restricted, that is - but which shouldn't influence the visual 25 result otherwise.</p> 26 </div>