title: How to put text and button side by side inside box
body: <p>I'm trying to put the text on the left side and a button on the right side and have both elements be inside a box.</p>
  <ul>
  <li>How do I move the button over to the right more and control the positioning.</li>
  </ul>
  <p>Here's my jsfiddle: <a href="http://jsfiddle.net/3PTtv/46/" rel="nofollow noreferrer">http://jsfiddle.net/3PTtv/46/</a></p>
  <pre><code>    &lt;div id=&quot;wrapper-landing&quot;&gt;
  &lt;div class=&quot;box-row&quot;&gt;
      &lt;div class=&quot;box-form-body&quot;&gt;
              &lt;h4&gt;
                  See What You're Missing&lt;br&gt;
  Fill out our Form&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class=&quot;box-form-button&quot;&gt;
          &lt;img src=&quot;http://www.ei.edu/wp-content/uploads/2013/03/button_submit.jpg&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here is my CSS:</p>
  <pre><code>#wrapper-landing {
  width: 916px;
  margin: 0 auto 50px auto;
  padding: 0;
  }
  
  .box-form-body {
  float: left;
  display: block;
  width: 65%;
  padding: 0 0 0 2em;
  }
  
  h4 {
  font-size: 1.05em;
  margin: 0 0 2px 0;
  font-family: &quot;HelveticaNeueW01-75Bold&quot;,Helvetica,&quot;Helvetica Neue&quot;,Arial,sans-serif;
  font-weight: normal;
  }
  
  .box-form-button {
  float: left;
  display: block;
  margin-top: 5px;
  width: 25%;
  min-width: 215px;
  }
  
  .box-row {
  width:100%;
      padding:10px;
      border:1px solid #e2e3e4;
      margin:0px;
      overflow: hidden;
      background-color:#f66511;
  }
  </code></pre>