Simple code really. The text is just random text from a story.
HTML:
Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en-US" xml:lang="en-US">
<head>
<title>Sample</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<h2>Sample</h2>
<p class="name">Person One:</p>
<p>That was nothing new to him. He was used to it. He liked it. It meant no one could hurt him. He was in the dark. He didn’t mind that, either.</p>
<p class="name">Person Two:</p>
<p>Charles Clifford was two miles away from Lucas as the crow—or, as Clifford preferred, the vulture—flies. He was also alone. Also in the dark. Also battling the heat.</p>
<p class="name">Person Three:</p>
<p>But he didn’t have the chance to strip down to his underwear. Not yet. Because he was out on the street, lurking in the shadows, watching a couple who had just staggered out of a bar.</p>
<p class="name">Person Two:</p>
<p>Clifford knew the town was called Maynard’s Creek, though he hadn’t seen any bodies of water in the eight hours he’d been there. He’d read that the place had been pretty lively in its heyday, back when the nearby copper mines had been running at full pelt.</p>
</body>
</html>
CSS:
Code:
body {
widows: 1;
orphans: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: justify;
}
h2 {
text-align: center;
text-indent: 0;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
p {
margin-top: 0;
margin-bottom: 0;
widows: 1;
orphans: 1;
text-indent: 1.2em;
}
h2 + p {
text-indent: 0;
}
.name {
margin-top: 0.5em;
text-indent: 0;
}