title: How to add HTML tag in Primefaces <p:panel> header attribute?
body: <p>I have draw a Primefaces Web page using following code</p>
  
  <pre><code>&lt;p:outputPanel id="TitlePanel"&gt;
      &lt;p:outputLabel escape="false" value="#{pageTitle}"/&gt;
  &lt;/p:outputPanel&gt;   
  </code></pre>
  
  <p>I want now transform this <code>&lt;p:outputPanel&gt;</code> in a  toggleable panel using following code.</p>
  
  <pre><code>&lt;p:panel id="TitlePanel" 
           toggleable="true" 
           closable="true"
           &gt;
      &lt;p:outputLabel escape="false" value="#{pageTitle}"/&gt;
      ...
  &lt;/p:panel&gt;   
  </code></pre>
  
  <p>But this don't work because <code>#{pageTitle}</code> is displayed after header of first panel !</p>
  
  <p>I have tried following code</p>
  
  <pre><code>&lt;p:panel id="TitlePanel" 
           toggleable="true" 
           closable="true"
           header="#{pageTitle}"
           &gt;
      ...
  &lt;/p:panel&gt;   
  </code></pre>
  
  <p>But this don't work because HTML tag returned by<code>#{pageTitle}</code>are escaped and displayed in title that is not very readable :-)</p>
  
  <p>How can I add HTML tag in  'header' attribute ?</p>
  
  <p>My question is distint from <a href="https://stackoverflow.com/questions/17947065/jsf-primefaces-add-pinputtext-to-ppanel-s-header">jsf primefaces add p:inputText to p:panel &#39;s header</a> because I search to display output text with specific formatting and the linked question search to insert an input widget in header. The answer is same but the question is different.</p>