title: I am having problems with CSS getting ads to line up
body: <p>I am building a website and I have three ads towards the bottom of my page. They appear but on there own line. I have tried everything from creating a floating div to removing divs. But I can't seem to figure out what part of the CSS isn't allowing these boxes to be straight across the page.</p>
  
  <p>Here is the code for the three boxes:</p>
  
  <pre><code>&lt;div class="wrapper margin-bot1"&gt;
      &lt;div class="bg-3"&gt;
          &lt;div class="indent"&gt;
              &lt;div class="wrapper margin-bot"&gt;
                  &lt;img src="http://www.webstertoolbox.com/media/wysiwyg/images/page1_img1.png" alt="" /&gt;
                  &lt;img src="http://www.webstertoolbox.com/media/wysiwyg/images/logo_archilume.png" alt="" width="150" height="41" /&gt;
              &lt;/div&gt;
              &lt;ul class="ul-1"&gt;
                  &lt;li&gt;&lt;a href="moreARCHI.html"&gt;Made in USA &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="moreARCHI.html"&gt;Expert Domestic Tech Support&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="moreARCHI.html"&gt;High-end installations&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;Robust features&lt;/li&gt;
              &lt;/ul&gt;
              &lt;a class="button-1 margin-left" href="more.html"&gt;Click to Order Now!&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="bg-3"&gt;
          &lt;div class="indent"&gt;
              &lt;div class="wrapper margin-bot"&gt;
                  &lt;img  src="http://www.webstertoolbox.com/media/wysiwyg/images/page1_img1.png" alt="" /&gt;
                  &lt;a href="moreGEN.html"&gt; &lt;img src="http://www.webstertoolbox.com/media/wysiwyg/images/GenLume-Logo.png" alt="" width="103" height="41" /&gt;&lt;/a&gt;
                  &lt;div class="extra-wrap"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;/div&gt;
              &lt;ul class="ul-1"&gt;
                  &lt;li&gt;&lt;a class="test123" href="moreGEN.html"&gt;Quick solutions&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="moreGEN.html"&gt;Turn-key applications&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="moreGEN.html"&gt;Certified&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="moreGEN.html"&gt;Competitive pricing&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;a class="button-1 margin-left" href="moreGEN.html"&gt;Click to Order Now!&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="bg-3"&gt;
          &lt;div class="indent"&gt;
              &lt;div class="wrapper margin-bot"&gt;
                  &lt;img src="http://www.webstertoolbox.com/media/wysiwyg/images/page1_img1.png" alt="" /&gt;
                  &lt;div class="extra-wrap"&gt;
                      &lt;h4&gt;DuraLume&lt;/h4&gt;
                      &lt;h5&gt;Series&lt;/h5&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;ul class="ul-1"&gt;
                  &lt;li&gt;&lt;a href="more.html"&gt;Expert Domestic Tech Support&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="more.html"&gt;Made in USA &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="more.html"&gt;Custom solutions&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="more.html"&gt;On-site Engineers&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;a class="button-1 margin-left" href="more.html"&gt;Click to Order Now!&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't figure out how to properly show the CSS but you can find the actual site here: <a href="http://www.webstertoolbox.com/" rel="nofollow">http://www.webstertoolbox.com/</a></p>
  
  <p>If you look below the Big banner you will see an ArchiLume, GenLume and DuraLume boxes that run vertically down the page. I want them to appear across the page.</p>
  
  <p>Can someone please tell me what I did wrong and how to fix it?</p>
  
  <p>Thanks,
  Frank G.</p>