title: Having two <div> blocks aligned side by side - Wordpress website
body: <p>I'm creating a custom landing page for my employers website.</p>
  
  <p><a href="http://juniorgoldreport.com/welcome/" rel="nofollow">http://juniorgoldreport.com/welcome/</a> this is the landing page.</p>
  
  <p>I'm just trying throw some idea's until we find something solid, so at the moment the landing page is extremely simple. </p>
  
  <p>I'm having trouble splitting my body into two different div blocks. </p>
  
  <pre><code>&lt;div class="welcome-landing"&gt;
    &lt;div class="landing-header"&gt;
      &lt;div class="logo-img"&gt;
        &lt;img src="http://juniorgoldreport.com/wp-content/uploads/2016/05/logoo2.png" alt="junior gold report logo" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="landing-bar"&gt;
     &lt;ul class="landing-nav"&gt;
       &lt;li&gt; &lt;a href="http://juniorgoldreport.com/about-us/"&gt;About Us&lt;/a&gt; &lt;/li&gt;
       &lt;li&gt; &lt;a href="http://juniorgoldreport.com/accredited-investors/" style="color:#cacaca"&gt;Accredited Investors&lt;/a&gt; &lt;/li&gt;
     &lt;/ul&gt;   
    &lt;/div&gt;
  
    &lt;div class="landing-body"&gt;
      &lt;div class="body-left"&gt;
        [layerslider id="11"]
      &lt;/div&gt;
      &lt;div class="body-right"&gt;
         TEST BLOCK
      &lt;/div&gt;
  
    &lt;/div&gt;
    &lt;div class="landing-footer"&gt;
       FOOTER TEST
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Where you see the "TEST BLOCK" is the block I'm having trouble with. I have a subscribe button in there right now when you look at it in the website. </p>