Heading Examples

This is how headings and paragraphs look.   On CEHS websites only, H3 and H5 heading have the normal extra margin below them but the H2, H4, and H6 headings have no margin below them.   This allows for extra styling options described on the right.
 

This an H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget elit non quam consectetur cursus. Etiam posuere erat a dolor rhoncus, sit amet pharetra turpis venenatis. Fusce sit amet erat ipsum. Cras finibus consectetur condimentum. Integer vitae rhoncus orci. Aliquam sit amet gravida ex. 

This an H3 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget elit non quam consectetur cursus. Etiam posuere erat a dolor rhoncus, sit amet pharetra turpis venenatis. Fusce sit amet erat ipsum. Cras finibus consectetur condimentum. Integer vitae rhoncus orci. Aliquam sit amet gravida ex. 

This an H4 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget elit non quam consectetur cursus. Etiam posuere erat a dolor rhoncus, sit amet pharetra turpis venenatis. Fusce sit amet erat ipsum. Cras finibus consectetur condimentum. Integer vitae rhoncus orci. Aliquam sit amet gravida ex.

This an H5 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget elit non quam consectetur cursus. Etiam posuere erat a dolor rhoncus, sit amet pharetra turpis venenatis. Fusce sit amet erat ipsum. Cras finibus consectetur condimentum. Integer vitae rhoncus orci. Aliquam sit amet gravida ex. 

This an H6 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget elit non quam consectetur cursus. Etiam posuere erat a dolor rhoncus, sit amet pharetra turpis venenatis. Fusce sit amet erat ipsum. Cras finibus consectetur condimentum. Integer vitae rhoncus orci. Aliquam sit amet gravida ex. 

 

This an H2 Heading


This paragraph has a extra space (line break) at the top, which is about the same an normal paragraph margin, so you can still use H2 if you want, just add the space yourself.  It might not look right in the editor, but should be fine when saved.

This an H4 Heading


This paragraph has a extra space (line break) at the top, which is about the same an normal paragraph margin, so you can still use H4 if you want, just add the space yourself.  It might not look right in the editor, but should be fine when saved.

This an H6 Heading


This paragraph has a extra space (line break) at the top, which is about the same an normal paragraph margin, so you can still use H6 if you want, just add the space yourself. It might not look right in the editor, but should be fine when saved.

 

 

Here is some of what you can do with the headings (h2, h4, h6) that don't have that extra margin after.  You can tuck a text line or horizontal rule up under the heading, and they can have different styling since they are actually in different paragraphs.

 

This is H2 Heading

THIS ACTS LIKE A SUBHEAD

 This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.
 

This is H4 Heading

THIS ACTS LIKE A  SUBHEAD

 This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.
 

This is H6 Heading

This acts like a subhead

 This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.
 

H2 List Header


  1. List Item 1
  2. List Item 2
  3. List Item 3
     

H4 List Header


 This is normal paragraph text. This is normal paragraph text. This is normal paragraph text.
 

H6 List Header


  1. List Item 1
  2. List Item 2
  3. List Item 3