substep text not wrapping correctly

[cvgs]

TCS3 in XP

I know you're not supposed to have more than one line of text in a substep, but a girl's gotta do what a girl's gotta do.  However, the second line of the substep is not indenting to the same level as the first line.  Instead, it is wrapping to the level of the substep letter.

I thought selecting Convert to Autonumber to HTML List on the Conversion Settings dialog box was supposed to take care of this problem.

Here is the CSS:

P.substep {
font-family: Tahoma;
font-size: 11pt;
margin-left: 0pt;
margin-top: 0pt;
list-style-type: lower-alpha;
text-indent: 17pt;
margin-bottom: 6pt;
}
LI.p-substep {
font-family: Tahoma;
font-size: 11pt;
list-style-type: lower-alpha;
list-style-position: outside;

Probably some redundancy here.  If so, let me know what is safe to delete.

Thanks in advance for your help.

[Willam van Weelden · Accepted solution]

Hi,

Your style uses text-indent to indent the substep seventeen points. Text-indent only indents the first line of the text. Try this:

1. Remove the text-indent from the paragraph style.

2. Add margin-left: 17pt; to the li styling.

Greet,

Willam

[cvgs]

It worked perfectly!  Thanks so much for the help.

Can you recommend any books on learning CSS?

[Willam van Weelden]

Hi,

Start by W3Schools since they have some excellent examples and their site is free.

If you want to have a book, I generally find the O'Reilly books rather worthwile, although I haven't read any of their books on CSS. See http://oreilly.com/catalog/9780596802448/ and other books in their catalog.

Greet,

Willam

[cvgs]

William,

Thanks so much for the recommendations.  I've bookmarked the W3Schools and the O'Reilly site.

Have a great day!  You certainly made mine.

[Matt-Tech Comm Tools]

check out the CSS Cookbook, and Complete CSS: The Definitive Guide, both by the aforementioned O'Reilly

-Matt

Matt Sullivan

Director of Training | roundpeg, Inc.

@mattrsullivan

P: 714.960.6840 | F: 360.230.7269 | matt@roundpeg.com

4590 MacArthur Blvd., Suite 620 | Newport Beach, CA 92660

www.roundpeg.com