Joomla 3.2：设置页脚样式（divs彼此相邻）

Question

我正在尝试使用Joomla 3.2制作网站的页脚。

以下是它的图片：

（http://imageshack.com/a/img585/9589/1edo.png）

我重命名了类，所以我可以用CSS修改它，但问题是我不能把div放在彼此旁边！

这是HTML：

<footer class="row-fluid">

      <div class="footer1">
            <jdoc:include type="modules" name="footer1" style="html5" />
            <h3>Main Links:</h3>
        <ul>
            <li><a href="http://www...">Home Page</a></li>
            <li><a href="http://www...">About Us</a></li>
            <li><a href="http://www...">Company Mission</a></li>
            <li><a href="http://www...">Company Vision</a></li>
            <li><a href="http://www...">Products</a></li>
            <li><a href="http://www...">Site Map</a></li>
        </ul>
      </div>


      <div class="footer2">
            <jdoc:include type="modules" name="footer2" style="html5" />
            <h3>Contact Us:</h3>
        <ul>
          <li>Address: 28 ...</li>
          <li>Phone: 0224</li>
          <li>Email: ...@....com</li>
          <li>Mobile: 0100</li>
          <li>Fax: </li>
        </ul>

      </div>

      <div class="footer3">
            <jdoc:include type="modules" name="footer3" style="html5" />
            <div class="span4"><img src="templates/greensand/images/footerlogo.png" alt="Greensand, Inc." class="pull-right" /></div>

      </div>            


       <div class="footer4">
            <jdoc:include type="modules" name="footer4" style="html5" />
         <p>&copy; 2014 Greensand, Inc. All rights reserved. </p>

      </div>

</footer> 

这是CSS：

footer .span9 { 
    padding: 4em 0 0 3em; 
    clear: both; 
} 

footer p { 
    padding-left: 0em; text-align: center; 
} 

footer .nav-pills a { 
    color: #fff; 
} 

footer .nav-pills a:hover { 
    color: #21AB49; 
} 

.footer1 { 
    padding-left: 3em; 
}

有没有人有任何想法让它们彼此相邻并且它们之间有一条白线？

  

主要链接|联系我们|徽标和底部的版权