<H1 class="heading1a">Heading 1a<H1>

<H1 class="heading1b">Heading 1b<H1>

<H1 class="heading1c">Heading 1c<H1>

<H1 class="heading1d">Heading 1d<H1>

<H1 class="heading1e">Heading 1e<H1>

.heading1a {
font-size: 24pt;
font-family: "Arial";
color: #025C7A;
background-color: #8AD8F2;  
border-bottom: 2px solid #025C7A;  
border-left: 20px solid #025C7A;
padding-left: 20px; 
}

.heading1b {
font-size: 24pt;
font-family: "Trebuchet MS";
color: #009DDD;  
border-bottom: 2px dashed #E3052D; 
font-style: italic;
}

.heading1c {
font-size: 20pt;
text-align: center;
font-family: "Tahoma";
background-color: #A4F28A;
color: #1E6905;  
border: 4px dotted #1E6905; 
border-radius: 15px;
padding: 10px;

}

.heading1d {
font-size: 24pt;
font-family: "Verdana";
text-align: right;
background-color: #FCCD5D;
color: #DE3B04;  
border-top: 4px solid #DE3B04; 
padding: 10px;
}

.heading1e {
font-size: 24pt;
font-family: "Times New Roman";
text-decoration: underline;
font-weight: bold;
color: #E3052D;  
font-style: italic;
text-shadow: 2px 2px #AAAAAA;
}

BODY {
  background-color: #EEEEEE;  
}

H1 {
  margin: 40px 10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.