title: Content displaying issues
body: <p>I am having an issue aligning two different elements to where they are parallel horizontally. I am wanting the second grid <code>right_service_wrap</code> to appear on the right side of the page just like the <code>left_service_wrap</code>. I am not sure what I am doing wrong that the float right is appearing below the <code>left_service_wrap</code>. </p>
  
  <p>Anyone have any ideas??</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.left_service_wrap {
  
  }
  .right_service_wrap {
   float: right;
   display: inline;
  }
  .title_left {
   margin-left: 20%;
  }
  .title_right {
   
  }
  .service_wrapper {
   border: 1px solid black;
   margin: 15px;
   width: 20%;
  }
  .service_list {
   margin-left: 20%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="left_service_wrap"&gt;
   &lt;div class="title_left"&gt;A LIST OF OUR SERVICES&lt;/div&gt;
   &lt;div class="service_list"&gt;
    &lt;div class="service_wrapper"&gt;
     &lt;div class="service_title"&gt;Flooring&lt;/div&gt;
     &lt;div class="service_description"&gt;The best floors!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="service_wrapper"&gt;
     &lt;div class="service_title"&gt;Roofing&lt;/div&gt;
     &lt;div class="service_description"&gt;Your roof will be perfect!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="service_wrapper"&gt;
     &lt;div class="service_title"&gt;Siding&lt;/div&gt;
     &lt;div class="service_description"&gt;mmmm siding.&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="service_wrapper"&gt;
     &lt;div class="service_title"&gt;Paint&lt;/div&gt;
     &lt;div class="service_description"&gt;Fabulous paint!&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="service_wrapper"&gt;
     &lt;div class="service_title"&gt;Kitchen Remodels&lt;/div&gt;
     &lt;div class="service_description"&gt;Pretty kitchen.&lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt; 
  &lt;div class="right_service_wrap"&gt;
   &lt;div class="title_right"&gt;A LIST OF OUR SERVICES&lt;/div&gt;
  &lt;/div&gt; </code></pre>
  </div>
  </div>
  </p>