Problem with alignment of outputLabel

[D. Formenton]

Hi,

I don't understad how to align vertically an outputLabel with an inputText.

I have this code:


<hutputLabel style="text-align: right; display: block;"
value="#{bundle.EditArticoliLabel_iva}" for="iva" />
<h:inputText id="iva" value="#{articoliController.selected.iva}"
style="text-align: right; width: 20px;"
title="#{bundle.EditArticoliTitle_iva}">
</h:inputText>

and the outputlabel is a little higher than inputText.

How I can lower the outputLabel?

Thank you.

Domenico

[Tim Holloway]

If you use the "Code" button to put code tags around your XML, the message display won't get mangled.

The label tends to be a bit higher, because the idea is that the framing around the inputText control is not important - you would expect the text within the control to align. However, the CSS vertial margin and passing options can help.