I'm embarrassed to ask question - because I should know it - just having a senior moment.
How do I get the 2nd line of a bulleted item to align with the text in the first line? Right now, the text on the 2nd line is aligned with the bullet - and I don't want it that way.
I tried list-style-position:inside and that's not working (although I could have screwed something else up so that's not working).
I'll give the excuse that I'm working with an imported RH project and the styles were all ugly.
Laura
Bullet Alignment Question
-
- Propeller Head
- Posts: 39
- Joined: Fri Nov 16, 2007 7:16 pm
- Location: Northern Virginia
- Contact:
Bullet Alignment Question
Laura Charles Johnson
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
-
- Propellus Maximus
- Posts: 1028
- Joined: Thu Apr 12, 2007 7:28 am
- Location: Wilmington, DE
- Contact:
Re: Bullet Alignment Question
This website - http://www.echoecho.com/csslists.htm - says:
Just make sure your other <li> styles aren't messing anything up. Maybe start over with a clean <li>?
If this doesn't work, definitely use the RoboHelp import as an excuse.list-style position
Often the text in a list is longer than one line.
list-style position:outer lets the second line align with the first line. That is: the bullet is to the left of both lines.
list-style position:inner lets the second line align with the bullet.
Just make sure your other <li> styles aren't messing anything up. Maybe start over with a clean <li>?
Laura A. Castle
http://www.lauracastle.com
http://www.lauracastle.com
-
- Propeller Head
- Posts: 39
- Joined: Fri Nov 16, 2007 7:16 pm
- Location: Northern Virginia
- Contact:
Re: Bullet Alignment Question
Laura,
Thanks for your input. You are correct - I should have set the list-style-position to 'outside' instead of 'inside.' Ryan, one of Flare's tech support Rock Stars , explained it this way:
Think of the list item text as a box. When you set the list-style-position to 'inside,' that positions the bullet "inside" the box. By setting it to "outside," the bullet remains outside of the box.
Thank you for your explanation. My list is no longer hideously ugly!
Laura
Thanks for your input. You are correct - I should have set the list-style-position to 'outside' instead of 'inside.' Ryan, one of Flare's tech support Rock Stars , explained it this way:
Think of the list item text as a box. When you set the list-style-position to 'inside,' that positions the bullet "inside" the box. By setting it to "outside," the bullet remains outside of the box.
Thank you for your explanation. My list is no longer hideously ugly!
Laura
Laura Charles Johnson
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
-
- Propellus Maximus
- Posts: 1028
- Joined: Thu Apr 12, 2007 7:28 am
- Location: Wilmington, DE
- Contact:
Re: Bullet Alignment Question
Yes, Ryan's explanation is better and easy to understand. Now I know what it means too!
Laura A. Castle
http://www.lauracastle.com
http://www.lauracastle.com