On 4/15/15 4:25 PM, Rick Gordon wrote:
I'm wondering if there is a pure-CSS way to force widowed lines in a pargraph to
the right of a floated image which is long enough to have a line or two wrap
underneath the image.
See the bottom couple of posts at http://www.theshelterblog.com/ , where at a
1200+ px window width, the lines wrap that way. (The blog has a post or two per
day, so in time they will migrate up to the second page of posts.) Example posts
that format that way on the home page are titled "Yestermorrow School" and "This
Crop of Women Farmers Is Stepping Up to Sustain the Land."
For the "Yestermorrow School" article, try adding this rule to your CSS:
.postlistcontent > p {
overflow: hidden;
}
Explanation: overflow with any value other than visible (the default) gives the
paragraph a "new block-formatting context" so it does not wrap below the float.
More here:
<http://yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/>
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@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/
