dms Posted March 28, 2009 Report Share Posted March 28, 2009 Wrapped text is not aligning with indented text above when displayed. How do you get the two lines to line up? jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfdjfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd jjfdlsajfldjafldjsalfjd ul ul { list-style-type: circle; font: italic 1.1em serif; line-height: 1.1; text-indent: 18px; list-style-position: inside } Quote Link to comment Share on other sites More sharing options...
falkencreative Posted March 28, 2009 Report Share Posted March 28, 2009 Perhaps instead of using text-indent, use padding instead: padding-left: 18px; Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 28, 2009 Report Share Posted March 28, 2009 Text-indent only affects the first line of a block of text. http://www.w3.org/TR/CSS2/text.html Quote Link to comment Share on other sites More sharing options...
dms Posted March 28, 2009 Author Report Share Posted March 28, 2009 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 Quote Link to comment Share on other sites More sharing options...
Andrea Posted March 28, 2009 Report Share Posted March 28, 2009 What's the point of the two s? I don't think that's right. Quote Link to comment Share on other sites More sharing options...
dms Posted March 28, 2009 Author Report Share Posted March 28, 2009 Sorry, may not have showed the whole picture. I have several ul nested within one ul. Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 28, 2009 Report Share Posted March 28, 2009 The Inner UL should be contained within a LI tag of the outer UL in order to validate. Quote Link to comment Share on other sites More sharing options...
dms Posted March 28, 2009 Author Report Share Posted March 28, 2009 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. jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfdjfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd 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? Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 28, 2009 Report Share Posted March 28, 2009 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. Quote Link to comment Share on other sites More sharing options...
dms Posted March 28, 2009 Author Report Share Posted March 28, 2009 "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 Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 29, 2009 Report Share Posted March 29, 2009 welcome. I assumed the font was 1em and the inner ul was sized at 1.1em (10% larger). Glad it worked. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.