HTML & CSS

<style>
body {max-width: 6in; margin: 0 auto; text-align: justify}

.navigation, .top_navigation, .bottom_navigation {
  border: solid 1px; background: silver; text-align: center; text-indent: 0}
.top_navigation {margin-bottom: 18pt}
.bottom_navigation {margin-top: 18pt}

p {text-indent: 18pt; margin: 0}
p.outdent, .outdent p  {text-indent: -18pt; padding-left: 18pt}
p[align=center], p.center, .center p  {
  text-align: center; text-indent: 0; margin: 18pt 0}
p[align=left], p.left, .left p {
  text-align: left; text-indent: 0; margin: 18pt 0}
p[align=right], p.right, .right p {
  text-align: right; text-indent: 0; margin: 18pt 0}

h1, h2, h3 {text-align: center}
p.h1, p.h2, p.h3 {
  text-align: center; text-indent: 0; margin: 18pt 0; font-weight: bold}
h1, p.h1 {font-size: 200%; line-height: 36pt}
h2, p.h2 {font-size: 150%; line-height: 27pt}
h3, p.h3 {font-size: 125%; line-height: 22.5pt}

ul, ol {padding-left: 18pt}
table {margin: 18pt auto}
th, td {padding: 0 4.5pt}

img.left {float: left; margin: 0 18pt 0 0}
img.right {float: right; margin: 0 0 0 18pt}

.red {color: red}
.green {color: #0a0}
.blue {color: blue}
.white {color: white}
.magenta {color: #a0a}
.on_yellow {background: yellow}

.b {font-weight: bold}
.i {font-style: italic}
.u {text-decoration: underline}
.s {text-decoration: line-through}
.o {text-decoration: overline}
del, .del {text-decoration: red line-through}
ins, .ins {text-decoration: #0a0 dashed underline}
:link {text-decoration: underline; color: blue}
:visited {color: #a0a}

.mono {font: 12pt/18pt 'Courier New', 'Liberation Mono', monospace}
.mono80 {font: 9pt/9pt 'Courier New', 'Liberation Mono', monospace}
.sans {font: 12.96pt/18pt 'Arial', 'Liberation Sans', sans-serif}
.serif {font: 14.4pt/18pt 'Times New Roman', 'Liberation Serif', serif}

@media screen {
  body, table {font: 12.96pt/18pt 'Arial', 'Liberation Sans', sans-serif}
}
@media print {
  body, table {font: 14.4pt/18pt 'Times New Roman', 'Liberation Serif', serif}
  :link {text-decoration: none}
  .noprint, .navigation, .top_navigation, .bottom_navigation {display: none}
  .page {page-break-before: always}
  .nopage, img, pre, table {page-break-inside: avoid}
  p {orphans: 2; widows: 2}
}
</style>

HTML & CSS