Weird float alignment issues

HTML & CSS
1

how come the 3 sections in the middle of this page are staggered down instead of all horizontally aligned? I have a float:left on them all and the wrapper has a clear:left. what am i missing?

please advise. thanks in advance.

2

Remove those breaks after your divs. They are totally unnecessary in a CSS layout:

</div><br>

3

I wish I could but this WordPress theme I’m using is doing some funky things and inserting them. In the control panel section for this theme, there’s an input area where I add in all the text I want to appear there. But I’ve thrown in some HTML along with just the text. Here’s what I have…

<div class="blurb">
  <h2>Corporate Events</h2>
  <p>Jonathan Blair is available for private evetns of all kinds. More introductory sentences about private events will go here. Yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada...</p>
  <p>(<a href="/wordpress/private-events/">Read More</a>)</p>
</div>
<div class="blurb">
  <h2>Private Events</h2>
  <p>Jonathan Blair creates the ideal magic presentations for your corporate events, from corporate outings to product launches. More intro sentences about corporate events go here. Yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada yada...</p>
  <p>(<a href="/wordpress/corporate-events">Read More</a>)</p>
</div>
<div class="blurb">
  <h2>Kids Parties</h2>
  <p>Blair Kids Magic has several shows to meet your magical entertainment needs.  Whether you are planning a child's birthday party, family celebration, school event or fundraiser, or corporate event, Blair Kids Magic has the right show to fit your needs...</p>
  <p>(<a href="/wordpress/kids-parties">Read More</a>)</p>
</div>

So all those br’s are somehow getting auto populated. Please advise. Thanks!

4

I don’t know how WP works in this respect, but I suspect there’s an option to turn that off. Presumably it thinks you are inserting raw text and is thus inserting breaks to imitate paragraphs? Is there are setting for inserting HTML?

If all else fails, you could insert this in the CSS (though it may mess up other things on your site):

br {display: none;}