form-button-fixed-width.html (564B)
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 width: 110px; 12 } 13 14 .invisible { 15 color: white; 16 } 17 </style> 18 <!-- 19 Because this button has a fixed width, 20 font inflation should be disabled. 21 --> 22 <div class="outer"> 23 <form><button>Add Comment</button></form> 24 <p class="invisible">Some text to ensure the button gets inflated - if it 25 wasn't size-restricted, that is - but which shouldn't influence the visual 26 result otherwise.</p> 27 </div>