How to change the width of h:outputLabel

css, facelets, jsf

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;
}

Problem

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.

Original source