Box
Jump to navigation
Jump to search
DP Official Documentation - Post-Processing and Post-Processing Verification
Code
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
<title>Box (Not a Table) Example</title>
<style> /* <![CDATA[ */
body
{
max-width: 40em;
margin: auto;
}
p
{
text-indent: 1.5em;
margin: 0.75em auto;
text-align: justify;
}
.box
{
border: 2px solid black;
max-width: 23em;
margin: 1.5em auto;
}
.box p
{
text-align: center;
text-indent: 0;
}
.larger
{
font-size: 1.1em;
}
.smaller
{
font-size: 0.9em;
}
.less-space-above
{
margin-top: -0.5em;
}
/* ]]> */ </style>
</head>
<body>
<p>… sign was suspended on one side, on which, in big
letters, they read:</p>
<div class="box">
<p class="larger">PEANUT EMPORIUM!!</p>
<p class="smaller">SIGN OF THE CRAB</p>
<p>MISS SCRICKET, BILLY & CO.</p>
<p class="smaller">PEANUTS STRICTLY FRESH EVERY YEAR</p>
<p class="smaller less-space-above">CALL EARLY AND OFTEN</p>
</div>
<p>Billy glanced from Cricket to the peanut stand,
and back again, not knowing whether to join in
her laughter or not. He didn't see anything
funny himself in it, for he had a horror of creeping,
crawling things.</p>
</body>
</html>
Screenshort
To comment or request edits to this page, please contact jjz or windymilla.