The "standard" one I use:
Code:
<div class="title">
<p class="title">The Adventures of Tom Sawyer</p>
<p class="author">Mark Twain</p>
<p><img class="photo" src="images/Twain.jpg" alt="Mark Twain" /></p>
<p class="date">1876</p>
<p>Illustrated by: <em>True Williams</em></p>
</div>
with:
Code:
div.title {
text-align: center;
font-weight: bold;
}
p {
text-indent: 0;
}
p.title {
font-size: 200%;
margin-bottom: 0;
}
p.subtitle {
font-size: 150%;
margin-bottom: 0;
}
p.author {
font-size: 150%;
font-style: italic;
margin-top: 2em;
}
p.date {
font-size: 120%;
}
img.photo {
max-width: 80%;
}