Pears / Slats

Pattern

Content → Slats

This is the title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. August 10, 2011
This is the title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. August 10, 2011
This is the title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. August 10, 2011

HTML

<ol class="slats">
	<li class="group">
		<h3>
			<a href="#">
				<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
				This is the title
			</a>
		</h3>
		
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p>
	</li>
	<li class="group">
		<h3>
			<a href="#">
				<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
				This is the title
			</a>
		</h3>
		
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p>
	</li>
	<li class="group">
		<h3>
			<a href="#">
				<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
				This is the title
			</a>
		</h3>
		
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p>
	</li>
</ol>

CSS

Notes

The heck are slats, bahah.