Hi all,
I'm trying to accomplish the following with nested list design:
A
B
1 2 3 4
D
E
I have the following code below, but it's not working. Can anyone help? Thanks a million in advance!!
HTML Code:
<html>
<style>
#object ul {width:100%; padding: 0 0 10px 0; border: solid 0px #000000; list-style:none; }
#object li {border:solid 0px #000000; width:100%; padding-bottom:10px; float:left; }
#object ul ul {font-weight:bold; border: solid 1px blue; background:#CCFFFF;}
#object ul ul li {display:inline; margin-left:10px;}
</style>
<body>
<div id="object">
<ul>
<li>A</li>
<li>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</li>
<li>B</li>
<li>C</li>
</ul>
</div>
</body>
</html>