Quote:
|
Originally Posted by pcanning
Does anyone know of a trick which will enable text to vertically align in a list?
usually the second line does not indent - that's what my perfectionist (graphic originating, hence the anal-ity) designer is after!
I know I can ditch actual list bullets and do it in a table with icons not bullets, but I'm wondering if anyone has a trick?
|
Hello Paul,
The alignment of the text of a list item, whether in an ordered list or unordered list, is controlled in style sheets by an attribute called
list-style-position. By default, all of the text is supposed to be aligned on the left edge of the first character of the first line. This is not always the case, however, so this attribute can be set to allow more control.
In the style sheet (inline or external) the list-style-type is used to set the type of bullet or numbering used. the list-style-position can be set to
inside or
outside. Using the value
outside will allow lines of text that are longer than the container to wrap with the left margin at the left edge of the bullet or number. Using the value
inside will align this text with the left edge of the first character of the first line.
This may sound confusing, so I put a demonstration of these options at
http://www.soltec.net/~dmg/test/list.html to illustrate the difference.
Best Regards,
Narasinha