Ryan Oswald wrote: > hello, > I'm trying to create a diminishing lead-in paragraph like this: > http://www.ozworkz.com/temp/leadin.png > > I'm not sure how to go about doing this correctly with xhtml/css. > Also, I imagine that browser text size increase/decrease would just > screw it up. > So is something like this even possible? > >
It is possible to get the diminishing font size part of it quite easily (see below). Providing you can live with not setting a restrictive width for the division the text is enclosed in; and, can live with flush left/scatter right (text-align:left; rather than text-align:justify;) the text will scale up /or/ down. Otherwise, I am afraid you are out of luck... CSS body {font: 100% sans-serif;} p {margin: 0;} p.c1 {font-size: 130%;} p.c2 {font-size: 110%;} p.c3 {font-size: 100%;} p.c4 {font-size: 95%;} p.c5 {font-size: 90%;} HTML <div> <p class="c1">...</p> <p class="c2">...</p> <p class="c3">...</p> <p class="c4">...</p> <p class="c5">...</p> </div> -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/