Posted by Tomasz Chmielewski on 06/15/07 14:39

I want to make a small menu with <ul> and <li>.

The problem is, when I use <ul>, the menu is moved to the right a bit.

Let me illustrate by example:


Here some text before
<ul>
<li>item 1 about...</li>
<li>item 2 else...</li>
<ul>
Here some text after


Renders as:


Here some text before

*item 1 about...
*item 2 else...

Here some text after


Whereas I would like it to render just as the rest of the text (Here
some text):

Here some text before

* item 1 about...
* item 2 else...

Here some text after


If I remove <ul>, it will work fine, but then, it doesn't wrap properly
if the line is longer:


Here some text before
<li>item 1 about very long line</li>
<li>item 2 else...</li>
Here some text after


Renders as:

Here some text before

* item 1 about very long
line
* item 2 else...

Here some text after



Whereas with <ul>, it renders just fine (but is moved to the right):

Here some text before
<ul>
<li>item 1 about very long line</li>
<li>item 2 else...</li>
<ul>
Here some text after


Renders as:

Here some text before

* item 1 about very long
line
* item 2 else...

Here some text after


Anyone knows the right spell? :)


--
Tomasz Chmielewski

[Back to original message]