title: How to center an input[type=text] while leaving all the other elements uncenterred?
body: <p>I have another small problem with centering elements. I thought about the previous questions that I've asked, but I can't seem to find the answer on this problem. I have the following example code to demonstrate my problem.</p>
  
  <pre><code>&lt;div id="main" style="width: 960px;"&gt;
      &lt;form&gt;
          &lt;label&gt;Test&lt;/label&gt;
          &lt;input type="text" value="Test" id="inputfield" /&gt;
      &lt;/form&gt;
      ....
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I tried to treat it as a block-element using width and margin to position it correctly, but somehow it failed. Do I need to use an id field or is it recommanded that I put a div around every input text field (using <code>#main input[type=text]{...}</code>)?</p>