Jump to content

wrapped text is not aligning with indented li above


dms

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 comment
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 comment
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 comment
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 comment
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...