Jump to content
Killersites Forums

wrapped text is not aligning with indented li above


Recommended Posts

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

}

Link to post
Share on other sites

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

Link to post
Share on other sites
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?
Link to post
Share on other sites

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.

Link to post
Share on other sites

"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

Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...