title: jsp need to write a text with different colors
body: <p>I need to write in jsf 2 texts on a line with different colors. Here is my code:</p>
  
  <pre><code>&lt;h:panelGrid id="accessinfo_grid" columns="3"&gt;
  &lt;h:outputText id="loginid" value="#{msgs.loginId}" styleClass="label"/&gt;
  &lt;h:outputText id="loginid_asterix" value="#{msgs.asterix}" styleClass="error_message"/&gt;
  &lt;h:inputText  id="inputusername" disabled="true" value="#{userAccount.userName}"/&gt;
  &lt;h:outputText id="password" value="#{msgs.passwordID}" styleClass="label"/&gt;
  &lt;h:outputText id="passwordid_asterix" value="#{msgs.asterix}" styleClass="error_message"/&gt;
  &lt;h:secretText  id="inputpassword" disabled="true" value="#{userAccount.password}"/&gt;
  &lt;/h:panelGrid&gt; 
  </code></pre>
  
  <p>I want the output to be to be something like this with * with red color:</p>
  
  <pre><code>Login:* edit_box
  Password:* edit_box
  </code></pre>
  
  <p>But now is something like this:</p>
  
  <pre><code>Login:   * edit_box
  Password:* edit_box
  </code></pre>
  
  <p>I want that * red to be just after the first text. Probably i should try to use something else then a panelGrid but I don't know what/how.</p>
  
  <p>I am newbie at this.</p>
  
  <p>Thanks,</p>