Headings 2 - with CSS code in post

Με Add CSS στο template.
 - Εμφανίζεται μόνο στο preview.
 -1. γκρίζο με άσπρα γράμματα
 -2. βαθμωτό γκρίζο ασημί με άσπρα γράμματα
 -3. βαθμωτό γκρίζο άσπρο με άσπρα γράμματα 

Example 2210 (preview) --------------------------------------------------HEADER 2210

κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα

Επικεφαλίδα 2210 for hyperlink (blue)

κείμενο επικεφαλίδας 2210, κείμενο επικεφαλίδας 2210, κείμενο επικεφαλίδας 2210,

CSS -------------------------------------------------------------------------- CSS

<style type="text/css">

  .MyH42210 {

  margin-top: 2em;

  color: white;  

  padding: 0.25em 0.25em 0.25em 1.5em;

  background-color: #e5e6f0;

  border-radius: 5px;

  text-align: left;

</style>

   Example 2207 (preview) --------------------------------------------------HEADER 2207

κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα

Επικεφαλίδα 2207

κείμενο επικεφαλίδας 2207, κείμενο επικεφαλίδας 2207, κείμενο επικεφαλίδας 2207,

CSS -------------------------------------------------------------------------- CSS

<style type="text/css">

  .MyH4 {

  margin-top: 2em;

  color: white;  

  padding: 0.25em 0.25em 0.25em 1.5em;

  background: linear-gradient(to right, black, silver);

  border-radius: 5px;

  text-align: left;

   }

</style>

CSS
-------------------------------------------------------------------------- CSS

<style type="text/css">
  .ThisPostHeader4 {
   
    color: white;

    padding: 0.25em 0.25em 0.25em 1em;
   
    background-color: grey;
    background: linear-gradient(to right, black, silver);
    border-radius: 5px;
    text-align: left;
     }
</style>

<h4 class="ThisPostHeader4">Ελλάδα - Σ. Αραβία</h4>

Example 1 (preview)
--------------------------------------------------------------------------HEADER1

Επικεφαλίδα 1

κείμενο επικεφαλίδας 1, κείμενο επικεφαλίδας 1, κείμενο επικεφαλίδας 1,

color: white;
padding: 0.25em 0.25em 0.25em 1em;
background-color: grey;
border-radius: 5px;
text-align: left

Example 2 (preview)
--------------------------------------------------------------------------HEADER2

Επικεφαλίδα 2

κείμενο επικεφαλίδας 2, κείμενο επικεφαλίδας 2, κείμενο επικεφαλίδας 2,

color: white;
padding: 0.25em 0.25em 0.25em 1em;
background:linear-gradient(to right, grey, silver);
border-radius: 5px;
text-align: left;

Example 3 (preview)
--------------------------------------------------------------------------HeADER3
κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα, κείμενο πριν την επικεφαλίδα,

Επικεφαλίδα 3

κείμενο επικεφαλίδας 3, κείμενο επικεφαλίδας 3, κείμενο επικεφαλίδας 3, κείμενο επικεφαλίδας 3, κείμενο επικεφαλίδας 3, κείμενο επικεφαλίδας 3,

<style type="text/css">
 .ThisPostHeader4 {
color: white;
margin-top: 2em;
padding: 0.25em 0.25em 0.25em 1em;
background:linear-gradient(to right, grey, white);
border-radius: 5px;
text-align: left;
 }
</style>