Still isn't working right. I tried a lil test of what I wanted to do on http://www.w3schools..lename=trycss_float5
using this exact code .
<html>
<head>
<style type="text/css">
div
{
float:center;
position:absolute;
top:150px;
width:750;
padding:3;
margin:0;
list-style-type:none;
font-family:verdana;
font-weight:bold;
}
a:link
{background-color:black;
text-decoration:none;
color:white;
padding:0.2em 1em;
border-right:.3px solid white;
}
a:hover
{text-decoration:none;
color:white;
background-color:red
}
li {display:inline}
div2{
float:left;
position:absolute;
top:181px;
width:159;
padding:3;
margin:0;
list-style-type:none;
font-family:verdana;
font-weight:bold;
}
</style>
</head>
<body>
<div>
<li>Home</li>
<li>Who we Are</li>
<li>Art</li>
<li>Store</li>
<li>Links</li>
</div>
<div2>
<li>Comics</li>
<li>Forum</li>
<li>Art</li>
<li>Siteinfo</li>
<li>Guestbook</li>
</div2>
<p>
In the example above, we let the ul element and the a element float to the left.
The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.
The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).
We add some colors and borders to make it more fancy.
</p>
</body>
</html>
Its not showing the list the way I coded it..am i makin some kind of stupid error?
