Pears / Slats (HTML5)

Pattern

Content → Slats (HTML5)

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. 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. 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

HTML

<ol class="slats">
	<li class="group">
		<a href="#">
			<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
			<h3>This is the title</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>
		</a>
	</li>
	<li class="group">
		<a href="#">
			<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
			<h3>This is the title</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. <span class="meta">August 10, 2011</span></p>
		</a>
	</li>
	<li class="group">
		<a href="#">
			<img src="/wp-content/themes/pears/images/thumb.png" alt="thumbnail" />
			<h3>This is the title</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. <span class="meta">August 10, 2011</span></p>
		</a>
	</li>
</ol>

Pattern

Content → Slats (HTML5)

This is the title

This is the title

This is the title

HTML

CSS