Link to home
Start Free TrialLog in
Avatar of Brad Bansner
Brad Bansner

asked on

Float image to left of text, with text in a DIV element, but don't allow text to flow under image

Test page:
http://bbdesign.com/herbein.com/who-we-are.htm

Scroll down to the bio for CHIARA S. RENNINGER. I have a <div class="biotext"> with a red background, represented here:

<div class="clearfix">
	<img id="hwm-team-2" src="img/ph_renninger.png" alt="" />

	<div class="bioblock">
		<hr class="right" />

		<div class="hwm-team-title">
			<h3>CHIARA S. RENNINGER, <span class="credentials">CFP<sup>®</sup></span></h3>

			<h4>PARTNER, WEALTH STRATEGIST</h4>

			<h5><a href="mailto:carenninger@herbeinwealth.com">carenninger@herbeinwealth.com</a><img src="img/lg_divider.png" /><a href="#"><img src="img/lg_linkedin.png" alt="LinkedIn" /></a></h5>
		</div>

		<hr class="right" />

		<div class="biotext">
			<p><span class="introtext">CHIARA RENNINGER</span> joined our team in 2003 and has been involved in the financial industry since 1998. Chiara earned a bachelor’s degree in Business Management from Bucknell University. Chiara is a <span class="spread">CERTIFIED FINANCIAL PLANNER™</span> professional and is a member of the Financial Planning Association. She is licensed with the state of Pennsylvania to offer Life and Health insurance solutions.</p>

			<p>As a Wealth Strategist, in close contact with the Herbein + Company accountants, Chiara is able to provide her clients with personalized, tax sensitive plans. Not only does Chiara work with clients to align their investments with their overall goals and objectives, but she also helps them with their advanced planning, including charitable planning, wealth protection, and estate planning. Chiara’s specialty is working with women and widows who have unique challenges and therefore, need an advisor who has experience supporting them through difficult financial and emotional times.</p>
		</div>
	</div>
</div>

Open in new window


Basically, I don't want the text to flow under the image to the left, which it will do depending on your browser size (see attached screenshot). I realize I probably need some kind of "width" set for that element. But I want the content to remain fluid if possible (note what happens if you make your browser window narrow)... So that means a fixed pixel width is out. Is there any way to make the width of div.biotext "wide enough to fill the width of the page but stay to the right of the image"?

Thanks.
1.jpg
SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Brad Bansner
Brad Bansner

ASKER

Thanks.