zachattack

/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

zachattack

<div id="accordian">

<h3><a href="#">Clickable link to expand the content within</a></h3>
<div>
  <p>Whatever content you would like.</p>
  <ul>
    <li>Lists of stuff are totally ok.</li>
    <li>Even links to things that are silly like <a href="http://theoatmeal.com/">The Oatmeal</a>.</li>
  </ul>
  <p>Whatever content you would like.</p>