title: How to align input element in HTML?
body: <p><img src="https://i.stack.imgur.com/tQJ8O.png" alt="See the photo"></p>
  
  <p>How can I do that?</p>
  
  <p>My HTML code is</p>
  
  <pre><code>&lt;p&gt; &lt;input type="text" name="Usuari" size="20" maxlength="60"/&gt;
  &lt;p&gt;CLAU:&lt;/label&gt; &lt;input type="text" name="Clau" size="20" maxlength="20" /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type="submit" name="submit" value="ACCÉS" /&gt;&lt;/p&gt;--&gt;
  </code></pre>
  
  <p>and my CSS code is</p>
  
  <pre><code>input {
      padding: 5px;
      font-weight: bold;
      font-size: 1em;
      color: #008040;
      background: #FFFFFF;
      border:1px dotted #004080;
  }
  </code></pre>