title: align text input boxes to right of div
body: <p>I am trying to align the text inputs to the edge of .formColumn2 so they all line up together nicely but am not sure how to do so. I have tried margin-right:0 and tried margin-left but that extends the .formColumn2 div which I don't want. I'd also like to avoid float right if possible.</p>
  
  <p>Here is my code:</p>
  
  <p><a href="http://jsfiddle.net/43w8G/" rel="nofollow">http://jsfiddle.net/43w8G/</a></p>
  
  <p>CSS</p>
  
  <pre><code>.bookingForm {
  height:450px;
  background-color: #D3412A;
  }
  
  .bookingForm img {
  width:200px;
  margin:90px 0 0 170px;
  }
  
  form{
  padding:20px 0 0 70px;
  margin-left: 10%;
  color:#fff;
  }
  
  .bookingForm .formColumn1,
  .bookingForm .formColumn2{
  float:left;
  }
  
  .bookingForm .formColumn2 {
  margin-left: 50px;
  }
  
  .bookingForm .formColumn2 input{
   margin-right:0;
  }
  
   select,input,textarea {
   width:200px;
   margin:8px 0;
  } 
  </code></pre>