The following code doesn't work as I want, because the 2nd list
doesn't appear as a "list" (no bullets) and requires the <br> after each
item to appear as a vertical list of items. The 1st list
("class="menu") is okay, but even though I attempt to declare a 2nd
(class="list") it doesn't render as a list. I thought that the
"li.list" would suffice as a 2nd class declaration, but it seems to be
ignored. What am I missing or doing wrong? TIA
<style type="text/css">
img {float:right; border:1px dotted black; margin:0px 40px 15px 20px;}
<-- not sure why I have this... -->
ul.menu {float:left; width:100%; padding:0; margin:0; list-style-
type:none;}
a {width:10em; text-decoration:none; color:white; background-
color:purple;
padding:0.2em 0.6em; border-right:1px solid white;}
a:hover {background-color:#ff3300}
p.leftmargin {margin-left: 40px}
<-- my 2 "li" controls -->
li {display:inline}
li.list {margin-left: 60px}
</style>
</head>
<body style="color: rgb(255, 255, 255); background-color: Black;"
alink="#ff6600" link="#99ff99" vlink="#990099">
<div style="text-align: center;">
<ul> <-- This list renders properly. -->
<li><a class="menu" href="RHBuilding.html">The Building</a></li>
<li><a class="menu" href="RHResidents.html">Resident Information</a>
</li>
<li><a class="menu" href="RHOwners.html">Owner Information</a></li>
<li><a class="menu" href="RHContact.html">Contact</a></li>
</ul>
</div>
<div style="text-align: center;">
<font style="color: rgb(255, 204, 0);" size="+3"><span>Regency House
</span></font><br>
<font style="color: rgb(255, 204, 0);" size="+2"><span></span></font>
</div>
<div style="text-align: center;"><font style="color: rgb(255, 204, 0);"
size="+2">
<span>The In-Town Condominium Tower<br><br>
<img src="RH55_1.jpg" height="345" width="280">
<div style="text-align: left;">
<p class="leftmargin"><font align="left" color="white" size="+1">
Regency House is a 22-story luxury condominium building located in the
heart of
the midtown Phoenix Arts District, next to the renowned Heard Museum. It
has:<br>
<ul> <-- This list doesn't work! -->
<li class="list">118 units with balconies<br></li>
<li class="list">Large heated pool<br></li>
<li class="list">Spa<br></li>
<li class="list">Underground parking<br></li>
<li class="list">24/7 security<br></li>
<li class="list">Social Room with TV, piano, bar and kitchen<br></li>
<li class="list">Fitness Center<br></li>
<li class="list">Library<br></li>
<li class="list">Valet service<br></li>
<li class="list">360° unobstructed views<br></li>
<li class="list">Light Rail station at front door<br></li>
</ul></div>
</font></p>