title: Placing two buttons on the same line in HTML
body: <p>Here is my login form:</p>
  <p><img src="https://i.stack.imgur.com/MxMTh.png" alt="login page image" /></p>
  <p>As you can see the sign in and register buttons are on <strong>separate lines</strong>. I want them on the same line.</p>
  <p>I placed register button code in the same paragraph element as sign in. It appeared on same line no doubt but when I click register it's asking me to fill out the username and password. How do I fix this?</p>
  <p>This is my code:</p>
  <pre><code>&lt;form method=&quot;post&quot; &gt; 
      &lt;p&gt;&lt;input id=&quot;username&quot; type=&quot;text&quot; placeholder=&quot;Username&quot; style=&quot;margin:10px&quot; autofocus required&gt;&lt;/p&gt;  
      &lt;p&gt;&lt;input id=&quot;password&quot; type=&quot;password&quot; placeholder=&quot;Password&quot; style=&quot;margin:10px&quot; required&gt;&lt;/p&gt;
      &lt;p&gt;&lt;input class=&quot;swd-button&quot; type=&quot;submit&quot; value=&quot;Sign In&quot;&gt;&lt;/p&gt;
  &lt;/form&gt;
  &lt;a href=&quot;register.html&quot;&gt;&lt;button class=&quot;swd-button&quot;&gt;Register&lt;/button&gt;&lt;/a&gt;
  </code></pre>