title: make the form and button on the same line
body: <p>I would like the make the text field on the same line of the button, but not successful.</p>
  
  <p>Need some helps.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form id="newsletter_form"&gt;
      &lt;input type="text" placeholder="Enter you mail here ..." /&gt;&lt;input type="image" src="images/go_button.jpg" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#newsletter_form
  {
      display:inline;
      vertical-align:top;
      text-align:center;
  }
  #newsletter_form input[type="text"]
  {
      margin: 0;
  }
  </code></pre>
  
  <p>Demo</p>
  
  <p><a href="http://jsfiddle.net/yokosatan/GbtZy/" rel="nofollow">http://jsfiddle.net/yokosatan/GbtZy/</a></p>