Multiple Events Page

Click on an event to see more about it(?)

by omni5cience

HTML

<div class="container">
<h2>Friday, December 28, 2012</h2>
<hr>
<ul>
<li>
    <h3>BubbleMania!</h3>
    <summary>Combining comedy, science, music and a facinating exploration of bubbles of unusual shapes, sizes and abilities. This show features fog-filled bubble sculptures, blobs of helium-filled foam and bubbles that burst into flame!
        <span>1 & 2pm</span>
    </summary>
    <div>
        <strong>Liberty Science Center</strong>,
        <span>222 Jersey City Blvd. Jersey City.</span>
        <p>Visit <a href="#">www.lsc.org</a> for more information.</p>
    </div>
</li>
<li>
    <h3>New Years Ball at Imagine That!</h3>
    <summary>Ring in your New Year's party with your very own countdown ball to drop. Design and bedazzle with glitter and sequins a ball that is as spectacular as the night. Each child will receive a party hat or tiara and horn for the celebration. Reservations strongly encouraged.
        <div>10:30am, 12:30pm & 2:30pm</div>
    </summary>
    <div>
        <strong>Imagine That!</strong>
        <span>4 Vreeland Rd. Florham Park</span>
        <p>Call 973-966-8000 for reservations and information</p>
    </div>
</li>
<li>
    <div class="left-image"><img src="http://cl.ly/image/2g2n0x1Q063Z/Screen%20Shot%202013-09-09%20at%204.03.46%20PM.png" alt="Cricket Hill Brewery Co."></div>
    <h3>Brewery Tours</h3>
    <summary>Tour the Cricket Hill Brewing Company brewery right in Fairfield. Sample local microbrews and tour their facility.
        <div>5-7pm</div>
    </summary>
    <div>
        <strong>Cricket Hill Brewery Co.</strong>
        <span>24 Kulick Rd., Fairfield.</span>
        <p>Call 973-276-9415 or visit <a href="#">www.CricketHillBrewery.com</a></p>
    </div>
</li>
</ul>
</div>

CSS

ul {
    list-style: none;
    padding-left: 0;
}
h2 {
    margin-bottom: 0;
}
p {
    margin: 0;
}
.container {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
}
.left-image {
    float: left;
    margin-right: 0.5em;
}