title: Anchor button label not aligned
body: <p>I can't seem to align the label of an anchor tag that's been made to look like a button.</p>
  <p>Cancel label is clearly off. I would like it to be aligned with the Next button's label. We need the Cancel button to be an anchor tag because this site needs to work without Javascript.</p>
  <p><img src="https://i.stack.imgur.com/VnJGa.png" alt="enter image description here" /></p>
  <p>Anyone have any ideas?</p>
  <pre><code>&lt;div class=&quot;submit-voucher footer&quot;&gt;
    &lt;a href=&quot;@Model.ReturnUrl.ToString()&quot; class=&quot;cancelLinkButton button cancel&quot;&gt;Cancel&lt;/a&gt;
    &lt;input class=&quot;button default&quot; type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Next&quot; /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here's the CSS from Firebug for the Cancel link/button:</p>
  <pre><code>a, a:active, a:visited {
      color: #0066DD;
      text-decoration: none;
  }
  .cancelLinkButton {
      height: 22px;
      vertical-align: middle;
   }
  .button, input[type=&quot;submit&quot;], input[type=&quot;button&quot;], button {
      background: -moz-linear-gradient(center top , #FDFDFD 0%, #EBEBEB 60%) repeat scroll 0 0 transparent;
      border: 1px solid #BBBBAF;
      display: inline-block;
      padding: 0 20px;
      width: auto;
     }
  </code></pre>
  <p>Here's the CSS for the DIV:</p>
  <pre><code>.submit-voucher.footer {
      text-align: right;
      vertical-align: middle;
      border: 0 none;
      font: inherit;
      margin: 0;
      padding: 0;
    }
  </code></pre>
  <p>Thanks for the help.</p>
  <p>EDIT: Added closing curly brackets to code in post.</p>