Как сделать заголовок вкладки Аккордеон отзывчивым?

Question

Иногда заголовок может быть длинной строкой, но мне нужно показать ее целиком.

<p:accordionPanel cache="false" value="#{tasksBean.getTasks()}"
                  var="task" activeIndex="null">
    <p:tab>
        <f:facet name="title">
             <h:outputText  value="loremIpsumloremIpsumlorem
                                   IpsumloremIpsumloremIpsum
                                   loremIpsumloremIpsumlorem
                                   IpsumloremIpsumloremIpsuml"/>
        </f:facet>
    </p:tab>
</p:accordionPanel>

Answer 1

Не могли бы вы попробовать с

.ui-accordion-header.ui-helper-reset.ui-state-default {
    white-space: nowrap;
    display: inline-block;
}