title: How to align label and input with CSS
body: <p>There is the following HTML markup:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    input[type="password"] {
        margin-left: 10px;
        background: #F2F2F2;
        height: 35px;
        font-style: normal;
        font-size: 14px;
        border: 0;
      }
      
      input[type="submit"] {
        display: inline-block;
        text-decoration: none !important;
        color: #fff;
        background: #000;
        font-size: 10px;
        line-height: 1.7;
        padding: 9px 29px;
        position: relative;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        border: none;
        font-weight: normal;
        letter-spacing: 2px;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;
        &lt;label for="pwbox-59"&gt;Password: &lt;input name="post_password" id="pwbox-59"   type="password" size="20"&gt;&lt;/label&gt; 
        &lt;input type="submit" name="Submit" value="Enter"&gt;
      &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I align inputs in one row by vertically? Thanks in advance!</p>