Section Heading Code

The (X)H.T.M.L. Structure Layer Markup Code

This markup structures a Section Heading: 

  1. /* Section Heading markup code */
  2.  
  3.   <h4>Section Heading (topics, for example)</h4>
  4.  
  5. /* end Section Heading markup code */

top

The Cascading Style Sheet (C.S.S.) Presentation Layer Code

The Section Heading presentation code is defined as follows:

#nav h4
font-size: 1.5em; - sets the font-size for each Section Heading
font-variant: small-caps; - sets all text characters to small-caps
text-align: center; - center aligns the text
margin: 0em; margin property shorthand - sets all margins to 0em in the following order: top, right, bottom, left
padding-bottom: 0.3em; - sets the padding-bottom to 0.3em
color: #fff; - sets the text characters to white
background: inherit; - sets the background of the topic to inherit the existing background color

The following code block sets forth the Section Heading styles:

  1. /* Section Heading presentation code */
  2.  
  3. #nav h4 {
  4.   font-size: 1.5em;
  5.   font-variant: small-caps;
  6.   text-align: center;
  7.   margin: 0em;
  8.   padding-bottom: 0.3em;
  9.   color: #fff;
  10.   background: inherit; }
  11.  
  12. /* end Section Heading presentation code */

top