css - JSF出力テキストオーバーフロー

Question

以下のコードを使用して、パネル内にステータス コメントを表示しようとしています。

<p:panel>
    <ui:repeat var="Comment" value="#{Status.commentList}">
        <h:outputText value="#{Comment.Text}"/>
    </ui:repeat>
</p:panel>

コメントが長すぎると、テキストがパネルからはみ出してしまうようです。私はそれを調査しh:outputText、スパンを生成していることがわかり、CSS を介してこれを解決しようとしました:

<h:outputText value="#{Comment.Text}"
    style="width: 100px!important; overflow-x: scroll!important;"/> 

固定幅を指定するとoverflow-x:scrollうまくいくはずですが、スパンをはるかに広くレンダリングします。100px に設定しても、400 ピクセルとしてレンダリングされ、!important.