How to change the width of h:outputLabel

Question

I am having a hard time trying to change the width of my h:outputLabel, but I still could not get it changed.

By using CSS, I can change the color, font, frame, anything but NOT the WIDTH.

Thank you so much.

Solution

The HTML label element which is generated by h:outputLabel is by default displayed as a widthless inline element. You need to set its CSS display property to block to be able to change the width.

E.g.

label {
    display: block;
    width: 150px;
}