Trying to get this image below:
But here's what I have instead:
I am using this code as follows:HTML:\[code\]<div class="floatright" style="width: 50%;"> <div class="floatleft" style="width: 35%;"> <img src="http://stackoverflow.com/questions/15690470/images/exhibitingopportunities.png" alt="Exhibiting Opportunities" style="border: none; width: auto; max-width: 100%;" /> </div> <div class="floatleft sidespadding" style="width: 65%;"> <h4>Exhibiting Opportunities</h4> <p class="desc">The Opportunity Finance Network Conference is a great place to connect with decision makers across the industry. Reserve your booth space now—contact Katie Kirchner for more information.</p> </div></div><div style="width: 50%;"> <div class="floatleft" style="width: 35%;"> <img src="http://stackoverflow.com/questions/15690470/images/sponsorship_opportunities.png" alt="Sponsorship Opportunities" style="border: none; width: auto; max-width: 100%;" /> </div> <div class="floatleft sidespadding" style="width: 65%;"> <h4>Sponsorship Opportunities</h4> <p class="desc">Reserve your slot now to be a part of the CDFI industry's premier event! The OFN Conference provides our partners with an unparalleled platform to connect with CDFIs, increase awareness of their organizations' work, and support and strengthen the practice of opportunity finance.</p> </div></div>\[/code\]CSS:\[code\].floatleft{ float: left;}.floatright{ float: right;}.sidespadding{ padding-left: 1.2em; padding-right: 1.2em;}.clear{ clear: both;}\[/code\]Can't get the text to float to the left of the actual image, like the image in the first pic. OMG, what am I missing here? Webpage here: http://opportunityfinance.net/Test/2013conf/index.html