title: Center an input field with css
body: <p>I have an input field an width of 20% like you can see here:</p>
  
  <pre><code>&lt;input id="saveServer" width="20%"  class="depth"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>So to center it i add two span elements,with an width:40%, before and after the input field, to center the input field. Like you can see here:</p>
  
  <pre><code>&lt;span style="width:40%"&gt;&lt;/span&gt;
  &lt;input id="saveServer" width="20%"  class="depth"&gt;&lt;/input&gt;
  &lt;span style="width:40%"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>But somehow the the inut field does not center himself. I have no idea how to center it! Greetings from Germany! Thanks! </p>
  
  <p>Heres the same example on fiddle:<a href="http://jsfiddle.net/bmkc2/" rel="nofollow">http://jsfiddle.net/bmkc2/</a></p>