Error Message Style For a Panel

Question

I am using PrimeFaces, which in turn uses JQuery UI for not only the functionality but its CSS styling framework. This question arises from my ignorance about the CSS frame

Answer 1

the easiest way to do this is to look at primefaces showcase, and use firebug to look at css classes.

I think you should use p:outputPanel with layout="block" instead of p:panel, because the panel has its own styles. Instead, the outputPanel with block layouts renders a div with no styles.

Anyway, this is how your code should look like