Adding an un-ordered list

Question

I'm basically moving the page links to the left side of the site and I want them to be in a un ordered list form, I just can't understand where to place the <ul> <li>

Trying to add an un ordered list to:

<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>

FULL Code:

<!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:[email protected]">[email protected]</a></p>
</div>
</div>
</body>

</html>

Pastor Bones · Accepted Answer · 2012-11-13 03:28:27Z

1

I think you're wanting something like this as shown in this 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>

answered Nov 13, 2012 at 3:28

Pastor Bones

7,3813 gold badges39 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

LOZ Over a year ago

It give's 1 error on html validation : Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

Pastor Bones Over a year ago

lol, the <style> declarations should be in an external CSS file or in the least contained within the head section. I merely listed it here for brevity. Move the style into head and it will validate fine.

Collectives™ on Stack Overflow

Adding an un-ordered list

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related