HTML: Ändern der Farben bestimmter Wörter in einer Textfolge

Question 1

Ich habe die folgende Nachricht (leicht geändert):

“Nehmen Sie bis zum 30. Januar 2011 am Wettbewerb teil und Sie können bis zu $$$$ gewinnen – einschließlich fantastischer Sommerreisen!”

Ich habe derzeit:

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">

die Textzeichenfolge formatieren, aber die Farbe von „30. Januar 2011“ in #FF0000 und „Sommer“ in #0000A0 ändern möchten.

Wie mache ich das ausschließlich mit HTML oder Inline-CSS?

Question 2

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
  Enter the competition by 
  <span style="color: #ff0000">January 30, 2011</span>
  and you could win up to $$$$ — including amazing 
  <span style="color: #0000a0">summer</span> 
  trips!
</p>

Oder Sie möchten stattdessen CSS-Klassen verwenden:

<html>
  <head>
    <style type="text/css">
      p { 
        font-size:14px; 
        color:#538b01; 
        font-weight:bold; 
        font-style:italic;
      }
      .date {
        color: #ff0000;
      }
      .season { /* OK, a bit contrived... */
        color: #0000a0;
      }
    </style>
  </head>
  <body>
    <p>
      Enter the competition by 
      <span class="date">January 30, 2011</span>
      and you could win up to $$$$ — including amazing 
      <span class="season">summer</span> 
      trips!
    </p>
  </body>
</html>