How to display an HTML list non-nested?
- by Georg
Here's the HMTL
<ul>
<li>Salads</li>
<li>Fruits
<ul>
<li>Apples</li>
<li>Prunes</li>
</ul>
</li>
<li>Main Course</li>
</ul>
Here's what it looks like now:
Salads Fruits
Apples Prunes
Main Course
And here's what I'd like it to look like:
Salads Fruits Main Course
Apples Prunes
How can I achieve this, without modifying the HTML?
Current CSS:
ul {
list-style:none;
display:block;
}
li {
display:inline-block;
}
