wrapped text is not aligning with indented li above

[dms 0]

Wrapped text is not aligning with indented text above when displayed. How do you get the two lines to line up?

jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfd

jfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd

jjfdlsajfldjafldjsalfjd

 

 

ul ul {

list-style-type: circle;

font: italic 1.1em serif;

line-height: 1.1;

text-indent: 18px;

list-style-position: inside

}

[falkencreative 49]

Perhaps instead of using text-indent, use padding instead:

 

padding-left: 18px;

[jlhaslip 0]

Text-indent only affects the first line of a block of text.

 

http://www.w3.org/TR/CSS2/text.html

[dms 0]

I changed the text-indent to padding left:

 

padding-left: 32px

 

Also changed the list style-position to outside and that did the trick.

 

Thanks, Mark

[Andrea 21]

What's the point of the two

• s? I don't think that's right.

[dms 0]

Sorry, may not have showed the whole picture.

 

I have several ul nested within one ul.

[jlhaslip 0]

The Inner UL should be contained within a LI tag of the outer UL in order to validate.

[dms 0]

The Inner UL should be contained within a LI tag of the outer UL in order to validate.

Thanks jlhaslip. It is, I left it out of the example - sorry.

 

 

jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfd

jfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd

jjfdlsajfldjafldjsalfjd

 

I am also having a problem with the text in IE 8 displaying differently within both

• than in FF, Safari and Opera. I'm not sure why. Would I have been better off to use headings with an
  • instead?

 

In IE the

in the first

• is smaller than in other browsers and the nested ul li's are larger than in other browsers?

[jlhaslip 0]

Place the font-size declaration listed above on the first ul only.

As listed, the second UL font will be 10% larger than the outer ul. (1.1em)

Having that font-size *should* inherit to the inner if placed on the outer UL.

 

not tested.

[dms 0]

"As listed, the second UL font will be 10% larger than the outer ul. (1.1em)"

 

10% larger? It sure the hell is and that was the problem - thanks!

 

Mark

[jlhaslip 0]

welcome.

 

I assumed the font was 1em and the inner ul was sized at 1.1em (10% larger).

 

Glad it worked.