lobotomized owl selector

http://alistapart.com/article/axiomatic-css-and-lobotomized-owls?utm_source=dlvr.it&utm_medium=twitter

by bitstarr

HTML

<div class="content">
<p>Ham hock pork chop tongue meatloaf. Short ribs flank capicola pancetta. Boudin shank tail, venison ribeye bresaola leberkas.</p>
    <img src="http://lorempixel.com/200/200/cats/" alt="cat" />
<p>Chicken tri-tip tongue biltong porchetta fatback, turkey drumstick turducken sausage tail meatball pork strip steak hamburger. Filet mignon pancetta ground round spare ribs porchetta.</p>
<p>Beef pancetta jerky bacon tenderloin. Tri-tip rump pork belly, flank drumstick sausage doner biltong ham hock.</p>
<p>Corned beef t-bone rump tri-tip tail pancetta fatback, cow ground round bacon boudin short loin. Ham hock turducken prosciutto boudin tail short loin.</p>
</div>

<hr />

<div class="book">
<p>Ham hock pork chop tongue meatloaf. Short ribs flank capicola pancetta. Boudin shank tail, venison ribeye bresaola leberkas.</p>
<p>Chicken tri-tip tongue biltong porchetta fatback, turkey drumstick turducken sausage tail meatball pork strip steak hamburger. Filet mignon pancetta ground round spare ribs porchetta.</p>
<p>Beef pancetta jerky bacon tenderloin. Tri-tip rump pork belly, flank drumstick sausage doner biltong ham hock.</p>
<p>Corned beef t-bone rump tri-tip tail pancetta fatback, cow ground round bacon boudin short loin. Ham hock turducken prosciutto boudin tail short loin.</p>
</div>

CSS

body {
    margin: 1em auto;
    max-width: 30em;
    font: 1em/1.5 sans-serif;
}
p { margin: 0; }

.content * + * {
	margin-top: 1.5em;
}
.content img {
    float: left;
    margin-right: 1.5em;
}

.book { margin-top: 2em; }
.book p {
	text-align: justify;
}

.book p + p {
    margin-top: 0;
    text-indent: 2em;
}