Aha; it worked! The only oddity was that I had to make the last space following the em dash a non-breaking space. Otherwise, the browser acted as if it wasn't there. Wonder why? As for keeping the text on the left from breaking, I just took a shot in the dark based on a vague recollection that "width: auto" would work.
At first, the fact that the credit contents on the right had varying widths was kind of visually jarring. It still is, but I reduced some of the visual confusion by making the left text bold. Thanks. - Keith Purtell On 11/15/2010 2:47 AM, css-d-requ...@lists.css-discuss.org wrote: > ------------------------------ Message: 22 Date: Mon, 15 Nov 2010 > 09:46:52 +0100 From: "G.S?rtun" <gunla...@c2i.net> To: > css-d@lists.css-discuss.org Subject: Re: [css-d] css to control indent > Message-ID: <4ce0f37c.4000...@c2i.net> Content-Type: text/plain; > charset=ISO-8859-1; format=flowed >> > On my credits page, I want any long text after the em dash that wraps >> > to restart below and at that point where the text string begins after >> > the em dash. > Rod Castello's idea is sound, but instead of divs you should place 2 > spans inside the existing paragraph. > > Float the first span left and prevent its (text-)content from breaking > so the float can take some resizing. Then apply 'display: block; > overflow: hidden' to the second span. > The effect - and additional styling for less capable (older) browsers - > can be seen here... > > <http://www.gunlaug.no/contents/wd_example_01_02.html#ex4> > > Experiment a bit with the left-floating span, as I have used an image > while you'll be using text. > > Un-styled those spans will fall back to what you have now - normally > wrapping text inside paragraphs. > > regards > Georg ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
