title: How to set different colors in HTML in one statement?
body: <p>I'm thinking of having different color of text in one line. How could that be possible?</p>
  
  <pre><code>&lt;p style="color:#4C4C4C;font-weight:bold;font-family:Calibri;font-size:20"&gt; My Name is: 
  
   &lt;"color:#FF0000;font-weight:bold;font-family:Tahoma;font-size:20"&gt; Tintincute &lt;/p&gt;
  </code></pre>
  
  <p>I would like to have a different color for Tintincute but in one line the problem with this, the name went down one space. </p>
  
  <p>This is the code example: </p>
  
  <pre><code>&lt;p style="color:#4C4C4C;font-weight:bold"&gt;All fields marked with   &lt;style="color:#FF0000;font-weight:bold"&gt;*&lt;/color&gt; &lt;style="color:#4C4C4C;font-weight:bold"&gt;are required&lt;/p&gt;
  </code></pre>
  
  <h2>Update</h2>
  
  <p>@Phil: I tried using the code, but it didn't work. The code itself was shown on the page. This is how I did it: </p>
  
  <pre><code>&lt;div style="color:red"&gt;[+validationmessage+]&lt;/div&gt;
  p.detail {color:#4C4C4C;font-weight:bold;font-family:Calibri;font-size:20 }
  span.name {color:#FF0000;font-weight:bold;font-family:Tahoma;font-size:20 }
  &lt;p class="detail"&gt;My Name is: &lt;span class="name"&gt;Tintincute&lt;/span&gt; &lt;/p&gt;
  </code></pre>