Outline Levels HTML

2019/01/19 update

Page Contents

sample line style toc div class=”toc”
sample line style toc div class=”toc”
sample line style toc div class=”toc”
Development

This page shows outline levels 0, 1, 2, 3, 4, and bullet 4. The Html is shown so it can be copied for other pages.

DIV classes – used with blockquote

Outline Level 0

Level 0 is the default site text width. All text is full width (i.e. no padding-left used). It has font-size: 16px. Level 0 headings are H1.

No Html is required for level 0.

  • Bullet Outline Level 0
  • Bullet Outline Level 0
  • Bullet Outline Level 0
  • Bullet Outline Level 0 Html is coded within the ul as style=”font-size: 14px; line-height: 130%; margin-left: -10px; margin-bottom: 10pt;”

Outline Level 1 – Level 1 is created by selecting blockquote. Via CSS overrides, it has a padding-left: 30px and font-size: 15px. So, no additional Html is needed. Level 1 titles are bold and italics.

Html for level 1 is blockquote only

  • Bullet Outline Level 1
  • Bullet Outline Level 1
  • Bullet Outline Level 1
  • Bullet Outline Level 1 Html is coded within the ul as style=”font-size: 14px; line-height: 130%; margin-left: -10px; margin-bottom: 10pt;”

Outline Level 2 – It has a padding-left: 20px, font-size: 15px, and line-height: 110%. Level 4 titles are bold.

Html for level 2 is <div class=”l2″> text… </div>

  • Bullet Outline Level 2
  • Bullet Outline Level 2
  • Bullet Outline Level 2
  • Bullet Outline Level 2 Html is coded within the ul as style=”font-size: 13px; line-height: 120%; margin-left: -10px; margin-bottom: 10pt;”

Outline Level 3 – It has a padding-left: 40px, font-size: 13px, and line-height: 110%. Level 4 titles are bold.

Html for level 3 is <div class=”l3″> text… </div>

  • Bullet Outline Level 3
  • Bullet Outline Level 3
  • Bullet Outline Level 3
  • Bullet Outline Level 3 Html is coded within the ul as style=”font-size: 13px; line-height: 110%; margin-left: -10px; margin-bottom: 10pt;”

Outline Level 4 – It has a padding-left: 45px, font-size: 12px, and line-height: 120%. Level 4 titles are bold.

Html for level 4 is <div class=”l4″> text… </div>

  • Bullet Outline Level 4
  • Bullet Outline Level 4
  • Bullet Outline Level 4
  • Bullet Outline Level 4 Html is coded within the ul as style=”font-size: 12px; line-height: 120%; margin-left: -10px; margin-bottom: 10pt;”

End of blockquote

Table Footnotes/Comment

These can be placed in the table data of a table row as a division section using the Dvi element. Class tt has padding-left: 15px; font-size: 13px; line-height: 120%; margin-bottom: 10pt;

The Html is coded as <div class=”tt”> text… </div>

Inline classes – used with blockquote (to be tested if it will be used

Outline Level 0

Level 0 is the default site text width. All text is full width (i.e. no padding-left used). It has font-size: 16px. Level 0 headings are H1.

No Html is required for level 0.

Outline Level 1 – Level 1 is created by selecting blockquote. Via CSS overrides, it has a padding-left: 30px and font-size: 15px. So, no additional Html is needed. Level 1 titles are bold and italics.

Html for level 1 is blockquote only

Outline Level 2 – Level 2 is created within a blockquote. It has a padding-left: 20px and font-size: 15px. Level 2 titles are bold and italics.

Html for level 2 is <p style=”padding-left: 20px;”>

  • Bullet Outline Level 2. Can be used without a text level 2
  • Bullet Outline Level 2
  • Bullet Outline Level 2
  • Bullet Outline Level 2 Html is coded within the ul as style=”padding-left: 0px; font-size: 13px; line-height: 130%; margin-bottom: 3pt;”>

Outline Level 3 – Level 3 is created within a blockquote. It has a padding-left: 40px, font-size: 13px, and line-height: 110%. Level 3 titles are bold.

Html for level 3 is <p style=”padding-left: 40px; font-size: 13px; line-height: 110%;”>

  • Bullet Outline Level 3. Can be used without a text level 2
  • Bullet Outline Level 3
  • Bullet Outline Level 3
  • Bullet Outline Level 3 Html is coded within the ul as style=”padding-left: 13px; font-size: 13px; line-height: 115%; margin-bottom: 3pt;”>

Outline Level 4 – Level 4 is created within a blockquote. It has a padding-left: 55px, font-size: 12px, and line-height: 120%. Level 4 titles are bold.

Html for level 4 is <p style=”padding-left: 55px; font-size: 12px; line-height: 120%;”>

  • Bullet Outline Level 4. Can be used without a text level 4
  • Bullet Outline Level 4
  • Bullet Outline Level 4
  • Bullet Outline Level 4 Html is coded within the ul as style=”padding-left: 36px; font-size: 12px; line-height: 120%; margin-bottom: 3pt;”

End of blockquote