Question

I applied the same width to an anchor and a submit input. The anchor looks right, but the submit input’s width is too small. The problem occurs only in Firefox. Chrome is fine.

Browser

HTML

<a>Save</a>
<input type="submit" value="save" />

CSS

a,
input {
   display: block;
   width: 5em;
   text-align: center;
   font-size: 1.4em;
   padding: 0.6em 2em;

   /* hack to get the width to work on Chrome */
   box-sizing: content-box; 
}

Answer 1

Try inline-block instead of block

a,
input {
   display: inline-block;
   width: 5em;
   text-align: center;
   font-size: 1.4em;
   padding: 0.6em 2em;
}