li ul li is too long, line wraps but no indention

Question

Hey i've a ul li .. list. If the second word is too long it wraps automatically but it doesn't indent the line. Any ideas how to solve that?

Here is the example: http://tinyurl.com/yk32ek6 Then "Leistungen" and then click on KINDERZAHNHEILKUNDE. Now you see what I mean.

Thanks for the help!

Probably it's because of the css. don't know about that

Answer 1

This is happening because the word Prophylaxe in der Schwangerschaft is too long to fit in that side bar. You need to increase the width of the sidebar containing your list.

The only other solution is to decrease the font size so that even words like above are shown as per width of the sidebar.

EDIT Please let me know if my answers is correct or not as i have some belief of that reason even though someone has -ve marked me; so please let me know if i am wrong by trying it out. thanks

Answer 2

Replace your indent with padding

padding-left: 2em;
text-indent: -2em;

Should do the trick

Answer 3

add this CSS:

ul {
    list-item-position: outside
}

Example here: http://jsbin.com/emeda/