title: 2 column HTML form with label left aligned and submit button centered
body: <p>I am trying to make a simple two columns html form, with input fields side by side, center aligned, but with labels left aligned on top of the input fields.</p>
  
  <p>I would also like some top padding on the labels to give them some breathing room. I would also like the submit button center aligned which I have managed to do, but struggling with the rest. I have been tweaking my HTML for hours to no avail.. any help is appreciated just to get the structure correct. please see my HTML and CSS code below, and also the images provided for my desired output </p>
  
  <p><img src="https://i.stack.imgur.com/dMGKy.jpg" alt="enter image description here">
  <img src="https://i.stack.imgur.com/ErUhQ.jpg" alt="enter image description here"></p>
  
  <p>P.S. I understand bootstrap would probably be the best way to approach this but I would like to able to achieve the desired results in plain HTML and CSS if possible. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
      &lt;style&gt;
  
  
          * {
              box-sizing: border-box;
          }
  
  
          .column {
              float: left;
          }
  
          .left {
              width: 50%;
              display: block;
          }
  
          .right {
              width: 50%;
              display: block;
          }
  
          .sign-in-button {
              margin-top: 25px;
              width: 200px;
              height: 50px;
          }
  
          label {
              margin-top: 15px;
          }
  
      &lt;/style&gt;
  
  
  &lt;/head&gt;
  
  
  
  
  &lt;body&gt;
  
  
  
  
  &lt;form action="georgeWelcomePage.php" method="post"&gt;
  
  
      &lt;div class="row" align="center"&gt;
  
          &lt;div class="column left"&gt;
              &lt;label for="name"&gt;Name&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="name"&gt;
          &lt;/div&gt;
  
  
          &lt;div class="column right"&gt;
              &lt;label for="company"&gt;Company&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="company"&gt;
          &lt;/div&gt;
  
  
          &lt;div class="column left"&gt;
              &lt;label for="visiting"&gt;Visiting&lt;br&gt;
                  &lt;input type="text" name="visiting"&gt;
          &lt;/div&gt;
  
  
          &lt;div class="column right"&gt;
              &lt;label for="badge"&gt;Badge&lt;/label&gt;&lt;br&gt;
              &lt;input type="text" name="badge"&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  
      &lt;div align="center"&gt;
          &lt;input class="sign-in-button" type="submit" value="Sign In"&gt;
      &lt;/div&gt;
  
  &lt;/form&gt;
  
  
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>