On Fri 04 Nov 2011 05:02:22 AM PDT, wsg@webstandardsgroup.org wrote:
*********************************************************************
WEB STANDARDS GROUP MAIL LIST DIGEST
*********************************************************************


From: "Stevio"<redea...@freeuk.com>
Date: Thu, 3 Nov 2011 17:52:45 -0000
Subject: Wrapping text before float drop

If I have two floats side by side, both are floated left as follow:

.myfloat{
float:left;
}

and both contain text as follows:

<div class="myfloat">Longer amount of text. Longer amount of text. Longer
amount of text. Longer amount of text.</div>
<div class="myfloat">Small amount of text.</div>

Is there any way to prevent the second div from dropping below the first div
when the viewport is narrowed, without specifying widths for either of the
floats?

What I would like is for the text in the first div to wrap before the second
float drops below the first. Is this possible without using widths?

Thanks.
Stephen


**************************************************************
Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
**************************************************************




One possible solution would be to specify a relative width for the first div and a fixed width for the second div, plus add a min-width to the second one.

--
Regards
~~~~~~~~~~~~~~~~
Alan C Whiteman | Visualis Web Design
(562) 305-2862  | http://visualiswebdesign.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************

<<attachment: acwhiteman.vcf>>

Reply via email to