Create white space within a div

HTML & CSS
1

In the right column on this page, I want to have the buttons displayed further down in the div. What’s the best approach?

The css so far is:

#content-wrap .content-left {
width: 450px;
float:left;
}

#content-wrap .content-right {
width:400px;
float:right;
}

And the HTML is:

<div id="content-wrap">
<div class="content-left">[slideshow id=1]</div>
<div class="content-right"><a href="/wordpress/kelie-wright/"><img class="alignleft  wp-image-186" title="check_us_out!" src="http://berkshirespas.com/wordpress/wp-content/uploads/2012/07/check_us_out1.jpg" alt="Check us out!" width="230" height="58" /></a>
<a href="https://onlineservices.prosoinc.com/essencials/"><img class="alignleft size-full wp-image-187" title="make_an_appointment_now!" src="http://berkshirespas.com/wordpress/wp-content/uploads/2012/07/make_an_appointment_now.jpg" alt="Make an appointment now!" width="410" height="56" /></a></div>
</div>
2

Difficult to be sure without seeing the full page, but I would hazard a guess at putting a margin-top on .content-right to move the <div> down.

3

Thanks. That works great!