Question

我基本上将页面链接移动到网站的左侧，我希望它们处于一个无序的列表形式，我只是无法理解在哪里放置<ul> <li>

尝试将无序列表添加到：

<div id="left">
    <b><a href="index.html">Home</a>
    <a href="listing.html">Listing</a>
    <a href="financing.html">Financing</a>
    <a href="contact.html">Contact</a>
    </b>
</div>

完整代码：

<!DOCTYPE html>
<html lang="en">

<head>
   <title>Prime Properties</title>
   <meta charset="utf-8">
   <link rel="stylesheet" href="prime.css" />

</head>

<body>
<div id="wrapper">
<h1><img alt="PRIMELOGO" src="primelogo.gif" width="650" height="100" /></h1>
<p>Prime Properties is prepared to market and sell your property.<br /><br />The philosophy of Prime Properties is to promote our clients, not ourselves.<br /><br />We can also help you find the property that meets your needs:</p>
<ul>
<li>location</li>
<li>price</li>
<li>features</li>
</ul>
<div id="contact"><b>Prime Properties<br />3055 Bode Road<br />Schaumburg, IL 60194<br /><br />847-555-5555</b></div>
&nbsp;
<div id="footer">
<div id="left"><b><a href="index.html">Home</a> <a href="listing.html">Listing</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></b></div>
<p></p>
<p></p>
<p></p>
<p></p>
<p>&copy; Copyright "xxxxx" xxxxxxx 2012<br /> <a href="mailto:xxxxxxx@gmail.com">xxxxxxxx@gmail.com</a></p>
</div>
</div>
</body>

</html>

Answer 1

我认为你想要这样的东西，如jsFiddle

所示

<style>
    div#left ul{list-style:none;font-weight:bold;}
    div#left ul li{display:inline-block;}
</style>

<div id="left">
    <ul>
        <li>
            <a href="index.html">Home</a>
        </li>
        <li>
            <a href="listing.html">Listing</a>
        </li>
        <li>
            <a href="financing.html">Financing</a>
        </li>
        <li>
            <a href="contact.html">Contact</a>
        </li>
    </ul>
</div>

添加无序列表

1 个答案: