Box

From DPWiki
Jump to: navigation, search
DP Official Documentation - Post-Processing and Post-Processing Verification

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <title>Box (Not a Table) Example</title>

  <style type="text/css">
<!--
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

A Box (Not a Table)


To comment or request edits to this page, please contact lhamilton.

Return to DP Official Documentation Menu