Правое выравнивание для одной строки

Question

У меня есть таблица JSF с выравниванием по левому краю для всех строк. Но я хотел бы применить правильное выравнивание в одной строке. Я пробовал:

<h:panelGroup styleClass="table-right"> 
     <h:selectBooleanCheckbox value="#{bean.method}"> </h:selectBooleanCheckbox> 
</h:panelGroup> 

.table-right { 
    text-align: rigth; 
} 

Но это не работает. Каким образом можно применить класс CSS для одного h: panelGroup и выровнять его содержимое с правой стороны?

Answer 1

Если вы проверите html, вы увидите, что h:panelGroup отображается как <span>.

Тег span - это встроенный элемент, то есть он будет как можно меньше, и вы не можете установить его ширину. Вы можете проверить это, добавив, например, border: 1px solid black; в styleClass. Он не влияет ни на левое, ни вправо-выравнивание чего-то в контейнере, которое достаточно велико.

Я думаю, вы можете решить, сделав panelGroup элемент block/inline-block и положить ширину на нем:

display: inline-block; 
width: 100%;