You might have better luck putting the first letter in a span inside the paragraph. No floats needed, just clear:left; and the paragraph contains it all. You can then add float left or right to your span if desired.
Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Mar 17, 2018, at 10:40 PM, John Beales <j...@johnbeales.com> wrote: > > The image is coming from the CMS and isn’t a set width, otherwise I that’s > what I would be doing. > > Too bad I there’s no media query equivalent to “ if the image is more than > half the width of the containing block” > On Sat, Mar 17, 2018 at 11:38 PM Tom Livingston <tom...@gmail.com> wrote: > >> A media query then? No clear when they fit side by side? >> >> >> On Sat, Mar 17, 2018 at 9:27 PM John Beales <j...@johnbeales.com> wrote: >> >>> It would, but then the <p> will be below the image when there’s space >>> beside the image. >>> >>> In this case the float is used as they were originally intended - to let >>> content slide up beside the block, if possible - not just to put the >> first >>> block over to the right. >>> On Sat, Mar 17, 2018 at 9:24 PM Tom Livingston <tom...@gmail.com> wrote: >>> >>>> Just trying to follow this. Sorry if I’m not. Would >> clear:right/left/both >>>> on the <p> help? >>>> >>>> >>>> -- >>>> >>>> Tom Livingston | Senior Front End Developer | Media Logic | >>>> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com >>>> >>>> >>>> #663399 >>>> >>> ______________________________________________________________________ >>>> css-discuss [css-d@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/ >>> >>> -- >> >> Tom Livingston | Senior Front End Developer | Media Logic | >> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com >> >> >> #663399 >> ______________________________________________________________________ >> css-discuss [css-d@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/ > ______________________________________________________________________ > css-discuss [css-d@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/ ______________________________________________________________________ css-discuss [css-d@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/
