Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

I've an unordered HTML list (ul). If the second word is too long the line wraps automatically but the overflowing text isn't indented. 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.

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

like image 247
danielreiser Avatar asked Dec 08 '09 14:12

danielreiser


People also ask

How do I get rid of UL indentations?

The padding-left:0 is used to remove indentation (space) from left. The list-style: none property is used to remove list-style property from the list of items.

How do you indent in HTML UL?

Like an ordered list element, an unordered list element (<ul>) will indent its list items — or bullet points — by default. If you'd like to change the indentation distance, then you can use the margin-left or padding-left property.

How do I remove ul li margin?

All replies. Hi, Simply set padding:0px to ul will remove the indent.


1 Answers

Replace your indent with padding

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

Should do the trick

like image 181
Gausie Avatar answered Sep 17 '22 19:09

Gausie