title: Text input and button alignment
body: <p>Is there any way to align text input boxes with buttons without using a table? I tried using resets and clearing margins and padding. As you can see in the image below, the button is not aligned with the input element. Do I have to use tables to align them or is there any other method?
  <img src="https://i.stack.imgur.com/i9BBU.png" alt="enter image description here"></p>
  
  <p>I am talking about how the button is indented compared to the text field. Code is simple:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  input {
      display: inline;
      margin: 0px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form&gt;
      &lt;input name="q" type="text" placeholder="Search users"/&gt;
      &lt;br&gt;
      &lt;input value="Search" type="submit"/&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>