Question

Some times I may may want an anchor beside a submit button, but I always seem to have problems lining them up …

a, input[type=submit], input[type=button], button {
  font-family: arial;
  background: #fff;
  color: #777;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 20px !important;  
  padding: 5px 10px;
  margin: 0;
}

http://jsfiddle.net/cXgzM/

with that, anchors are still 2 pixels short

Answer 1

Simply add this to your CSS:

a
{
    display: inline-block;
}

I updated your example. Note that this property doesn’t work in IE7 and lower. 🙂