title: How to add html and css in public function?
body: <p>This is my code:</p>
  
  <pre><code>  public function getName() {
        return trim(stripslashes(strtr($this-&gt;_firstName . ' ' . $this-&gt;_surname1 . ' --ID is: ' . $this-&gt;_surname2, $this-&gt;_trans)));
    }
  </code></pre>
  
  <p>output is like this. example: Alex Rodriguez --ID is: A-Rod</p>
  
  <p>How to change <strong>Alex</strong> font to blue, <strong>Rodriguez</strong> to red, <strong>A-Rod</strong> to yellow and <strong>--ID is:</strong> to green color?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span style="color:#0000CD;"&gt;Alex&lt;/span&gt; &lt;span style="color:#FF0000;"&gt;Rodriguez&lt;/span&gt; &lt;span style="color:#008000;"&gt;--ID is:&lt;/span&gt; &lt;span style="color:#FFFF00;"&gt;A-Rod&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I add css or html into above code?? </p>
  
  <p>For example: How can I change font color to blue color, or how can I use style and html ... </p>
  
  <p>Thank you so much. </p>