SO customise form layout

SO customise form layout

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="container-narrow">
  <div class="content">
    <div class="row-fluid">
      
      <div class="span5">
       <form class="form-horizontal" id="applies-Step1-form" action="/" method="post">
          <div class="control-group">
            <label class="control-label required" for="Step1_email">Email <span class="required">*</span></label>
            <div class="controls">
              <input size="30" maxlength="255" name="Step1[email]" id="Step1_email" type="text" />
              <div class="errorMessage" id="Step1_email_em_" style="display:none"></div>
            </div> <!-- end controls -->
          </div> <!-- end control-group -->

          <div class="control-group">
            <label class="control-label required" for="Step1_home_zip">Homee Zip <span class="required">*</span></label>
            <div class="controls">
              <input size="5" maxlength="5" name="Step1[home_zip]" id="Step1_home_zip" type="text" />
              <div class="errorMessage" id="Step1_home_zip_em_" style="display:none"></div>
            </div> <!-- end control-label -->
          </div> <!-- end control-group -->
        </form>
      </div> <!-- end span5 -->

      <div class="span7">
        <div class="promo-btm">
          <h2>Heading 2</h2>
          <ul class="checks">
            <li>Bullet One</li>
            <li>Bullet Two</li>
          </ul>
        </div><!-- end promo-btn -->
      </div><!-- end span 7 -->
    </div><!-- end row fluid -->
  </div> <!-- end content -->
</div><!-- end container-narrow -->

CSS

.span5{
  background-color:#999;
}
.span7{
  background-color:#ffa;
}

/* pull control label left */
.form-horizontal .control-label {
  width:70px; /* default 160 */
}

/* pull input box left */
.form-horizontal .controls {
margin-left: 90px; /* defaul 180 */
}

/* shorten input box  */
input, textarea, .uneditable-input {
width: 180px; /* default 206 */
}