title: How to increase the size of and size of text inside a submit-input?
body: <p>Someone told me that I should be using <code>&lt;button&gt;</code>s, but I was taught that  should only be used when you have a multi-line submit-button; otherwise, use <code>&lt;input type="submit" /&gt;</code>.</p>
  
  <p>So I have these submit-input for some of the letters in the alphabet, but they are so small and the text inside them is so small.</p>
  
  <p>I tried to increase their height and width, but that doesn't seem to do anything. Padding increase doesn't help and irrational font-sizes (46000%) only make it >5px bigger.</p>
  
  <p>How can I increase the size of these inputs and the text inside them?</p>
  
  <pre><code>&lt;input class="letter" id="a" type="submit" value="a" /&gt;
  &lt;input class="letter" id="c" type="submit" value="c" /&gt;
  &lt;input class="letter" id="e" type="submit" value="e" /&gt;
  &lt;input class="letter" id="f" type="submit" value="f" /&gt;
  &lt;input class="letter" id="g" type="submit" value="g" /&gt;
  &lt;input class="letter" id="h" type="submit" value="h" /&gt;
  &lt;input class="letter" id="i" type="submit" value="i" /&gt;
  &lt;input class="letter" id="k" type="submit" value="k" /&gt;
  &lt;input class="letter" id="l" type="submit" value="l" /&gt;
  &lt;input class="letter" id="m" type="submit" value="m" /&gt;
  &lt;input class="letter" id="n" type="submit" value="n" /&gt;
  &lt;input class="letter" id="o" type="submit" value="o" /&gt;
  &lt;input class="letter" id="p" type="submit" value="p" /&gt;
  &lt;input class="letter" id="r" type="submit" value="r" /&gt;
  &lt;input class="letter" id="s" type="submit" value="s" /&gt;
  &lt;input class="letter" id="t" type="submit" value="t" /&gt;
  </code></pre>
  
  <p>I currently have no CSS applied to them. A HTML5 reset / normalize.css might be affecting them.</p>