CSS textsize & padding : <p>I have some buttons that should all look the same.</p>

<p>1 contains the word "Anmäl" and the other contains "Information".
This results in the button with the longer word being bigger and i don't want that!</p>

<p>I want the buttons to look the same even though the words are differently long.</p>

<p>I'm using padding to make them bigger, i tried "width" but it dosen't work.</p>

<p>any help is appreciated!</p>

<p>CSS:</p>

<pre><code>.startLink {
  padding: 20px;
  padding-left: 90px;
  padding-right: 90px;
  color: white;
  background: #8d68dc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: 0px 5px 10px #000;
  webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;;
}
</code></pre>

<p>HTML:</p>

<pre><code>&lt;a href="index.php?anmal" class="startLink"&gt;Anmäl&lt;/a&gt;

&lt;a href="index.php?info" class="startLink"&gt;Information&lt;/a&gt;
</code></pre>
