nested list problem

[richard]

I have below a simple nested list situation.
I want the state names to appear on every other line as the top <ul>.
Below each state name is the second list which I want to be inline.
If I simply declare "display:inline" either as a class or an inline
style statement, the second line does not appear inline as intended.

What's the trick?


<div class="state">
<ul>
<li>Alabama</li>
<ul class="line">
<li>Top 50</li><li>Cities</li><li>Zip code</li>
</ul>
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
</ul>
</div>

 

[Chris F.A. Johnson]

I have below a simple nested list situation.
I want the state names to appear on every other line as the top <ul>.
Below each state name is the second list which I want to be inline.
If I simply declare "display:inline" either as a class or an inline
style statement, the second line does not appear inline as intended.

What's the trick?


<div class="state">
<ul>
<li>Alabama</li>
<ul class="line">
<li>Top 50</li><li>Cities</li><li>Zip code</li>
</ul>
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
</ul>
</div>

<div class="state">
<ul>
<li>Alabama
<ul class="line">
<li>Top 50</li><li>Cities</li><li>Zip code</li>
</ul>
</li>
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
</ul>
</div>

 

[Beauregard T. Shagnasty]

I have below a simple nested list situation.
Almost.

I want the state names to appear on every other line as the top <ul>.
Below each state name is the second list which I want to be inline.
If I simply declare "display:inline" either as a class or an inline
style statement, the second line does not appear inline as intended.

What's the trick?

<div class="state">
<ul>
<li>Alabama</li> <------ move this </li>
<ul class="line">
<li>Top 50</li><li>Cities</li><li>Zip code</li>
</ul>
</li> <------ to here
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
</ul>
</div>

I don't see the point of:
<li>Top 50</li><li>Cities</li><li>Zip code</li>

Are they going to be links to other pages when you're finished? As
always, a URL would help.

 

[richard]

<div class="state">
<ul>
<li>Alabama
<ul class="line">
<li>Top 50</li><li>Cities</li><li>Zip code</li>
</ul>
</li>
<li>Alaska</li>
<li>Arizona</li>
<li>Arkansas</li>
</ul>
</div>

Thanks. I totally forgot about where to split.

 

[richard]

I don't see the point of:
<li>Top 50</li><li>Cities</li><li>Zip code</li>

Are they going to be links to other pages when you're finished? As
always, a URL would help.

That's the idea. This is just a rough draft.