Выравнивание элементов в <h: panelGrid />

Question

Я хочу выровнять элементы, как показано на следующем рисунке.

Есть 2 столбца.Один выровнен по левому краю от родителя, а другой по правому краю.Я не хочу указывать что-либо в px или em.Как мне добиться этого в <h:panelGrid />?

Answer 1

Использование CSS.

<h:panelGrid columns="2" columnClasses="column1,column2">
    ...
</h:panelGrid>

с

.column1 {
    width: 50%;
    text-align: left;
}

.column2 {
    width: 50%;
    text-align: right;
}

См. Также:

• Руководство по CSS