title: Center aligning textbox in div
body: <p>I am trying to align my text and textbox to center of the div. My main div is centered because of <code>margin:0 auto</code>. But I applied this to textbox and its not working.</p>
  
  <pre><code>&lt;div class="CommentBox"&gt;
      Some text :
      &lt;input type="text" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.CommentBox {
      width:400px;
      height:50px;
      background-color: #A12A1E;
      color:White;
      margin:0 auto;
  }
  
  
  input[type="text"] {
      margin:10px auto;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/88pMc/" rel="nofollow">http://jsfiddle.net/88pMc/</a></p>
  
  <p>I have tried everything. As you can see the above code, I have added <code>margin:0 auto</code> but still my code is not working. The textbox is just not center aligning.</p>
  
  <p>Can someone help me here. I am confused why this is not working as everywhere I have checked <code>margin:0 auto</code> is suggested for center aligning.</p>