在footer.php中并行显示标题

时间:2012-08-07 12:41:45

标签: php html css

我使用以下代码行在我footer页面的html中显示一些内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
    <div class="linksc" id="link_container" style="text-align:left;padding:20px 0;width:940px;margin-right:1000px;margin-left:10px;">
            <div class="links">
                <u>
                    <li>Site Navigation</li>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact Us</a></li>
                        <li><a href="#">FAQ's</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Sell on ULTABUY</a></li>
                        <li><a href="#">Testimonials</a></li>
                        <li><a href="#">Blog</a></li>
                    </ul>
                </ul>
            </div>
            <div class="links" style="text-align:left;padding:20px 0;width:940px;position:relative;left:300px; top:20px">
                <ul>
                    <li>How Site Works</li>
                    <ul>
                        <li><a href="#">How Does ULTABUYWork?</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Shipment and Delivery</a></li>
                        <li><a href="#">Returns and Warranties</a></li>
                        <li><a href="#">My Account</a></li>
                        <li><a href="#">Payment Methods and Security</a></li>
                        <li><a href="#">Protection and Prevention</a></li>
                        <li><a href="#">Technical Information</a></li>
                    </ul>
                </ul>
            </div>
        </div>


</body>
</html>
<?php

    echo "<p>Copyright &copy 2012</p>";
?>

我希望并行显示Site NavigationHow Site Works的链接(目前它们显示为一个在另一个之下)。我该怎么做?谢谢和问候。

2 个答案:

答案 0 :(得分:2)

float:left添加到第一个div的样式,将float:right添加到第二个。

答案 1 :(得分:0)

display:inline-block;
float:left;

Fiddle

编辑:

没有漂浮在这里:

New Fiddle