newbie: need help with this css/html code

[Jeff]

hey

asp.net 2.0

Please, I need some help with the layout of my webpage. this link shows my
problem: http://home.online.no/~au-holme/pub/66707/divtrouble.PNG

Instead of fieldname and value are displayed like this:
<FIELDNAME>
<FIELDVALUE>

I want fieldname & fieldvalue to be displayed on the same line:
<FIELDNAME> <FIELDVALUE>

This is my html:
<ul class="settings">
<li>Site preference
<ul class="subsettings">
<li><div class="setting">
<div class="fieldname">Newsletter:</div>
<div class="fieldvalue">
<aspropDownList ID="ddlSubscriptions"
runat="server">
<asp:ListItem Text="No subscription"
Value="None" Selected="true"></asp:ListItem>
<asp:ListItem Text="Subscribe to plain-text
vesion" Value="PlainText"></asp:ListItem>
<asp:ListItem Text="Subscribe to HTML version"
Value="Html"></asp:ListItem>
</aspropDownList>
</div>
</div>
</li>
<li><div class="fieldname">Language:</div>
<aspropDownList ID="ddlLanguages" runat="server">
<asp:ListItem Text="English" Value="en-US"
Selected="True"></asp:ListItem>
<asp:ListItem Text="Norwegian"
Value="no-NO"></asp:ListItem>
</aspropDownList>
</li>
</ul>
</li>
<li>Personal details
</li>
</ul>

This is my css:
..settings, .subsettings
{
list-style:none;
}

..settings li
{
font-family:Arial;
font-size:xx-large;
}

..subsettings li
{
font-family:Arial;
font-size:medium;
}

..subsettings li .fieldname
{
width:180px;
border:solid 2px yellow;
}

..subsettings li .fieldvalue
{
width:220px;
border:solid 2px cyan;
}

..setting
{
width:500px;
border:solid 2px red;
}

 

[bruce barker \(sqlwork.com\)]

<div>'s are a block element, meaning they go on their own line. use a
<span> which is an inline element instead.

-- bruce (sqlwork.com)