CSS is not formatting my message properly

Question!
<body>

 <p class="tagged">****   Tutorials & Help Videos ****</p> 
 <p class="itmeggage">I have installed an icon on your desktop.
    <br><br> The icon is called 
    <span class="folders">eCats & HELP Videos</span>
    <br><br>
 </p>
 <p class="itmessage">There are two folders.
    <ol>
        <li>CheatSheet</li>
        <li>Help Videos</li>
    </ol>
 </p>
    <br><br> 
 <p class="note">NOTE: Help Desk is expected to go live Thursday evening or Friday morning.</p>
</body>

<style type="text/css">
  body {
    color: purple;
    background-color: lightblue; }

  p.tagged {    
    font-family: sans-serif;
    font-weight: bold;
    font-size: xx-large;
    color: red;
    text-align:center;
  }
  p.itmeggage {    
    font-family: sans-serif;
    font-weight: bold;
    font-size: x-large;        
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left;
    color: green;
  }
  span.folders {
    font-family: sans-serif;
    font-weight: bold;
    font-size: x-large;
    color: purple;    
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left;  
  }
  p.note {    
    font-family: sans-serif;
    font-weight: bold;
    font-size: large;
    color: black;    
    text-overflow: ellipsis; /* will make [...] at the end */ 
    width: 500px; /* change to your preferences */ 
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:center;
    text-decoration:underline;
  }
  li {
    font-family: sans-serif;
    font-weight: bold;
    font-size: x-large;
    color: green;    
    white-space: wrap; /* paragraph to one line */ 
    overflow:hidden; /* older browsers */ 
    text-align:left;
    }

  </style>

The words "There are two folders" are not styling according to the CSS that i created. I don't know what to do.

Please help!

By : Cocoa Dev


Answers

Looks like you had spelt the CSS selector wrong. It happens to us all :-)

Should be 'p.itmessage' instead of 'p.itmeggage'

  p.itmessage{    
font-family: sans-serif;
font-weight: bold;
font-size: x-large;        
text-overflow: ellipsis; /* will make [...] at the end */ 
width: 500px; /* change to your preferences */ 
white-space: wrap; /* paragraph to one line */ 
overflow:hidden; /* older browsers */ 
text-align:left;
color: green;
}


You misspelled itmessage as itmeggage:

p.itmeggage {    
    font-family: sans-serif;
    font-weight: bold;
    ...
}

Also, your first

By : Jeff B


This video can help you solving your question :)
By: admin