How do you align text on a form button please ?

[Dez]

Has anyone come across a way of aligning the text on a form button please ? Have tried all different ways, but can't seem to get it right, the latest try is below :

<p><input style="width:64px; height:22px; font-size:14px; text-align:top;" type="button" name="Button" value="Convert" onClick="javascript:convert()">

The styling needs to be within the form itself.

Any help appreciated.

Dez.

[AutisticCuckoo]

The text-align property controls the horizontal alignment of inline boxes within the line box, so the value 'top' is not valid.

You can't control the vertical text alignment within the button, as such. The vertical-align property will affect the alignment of the button itself. You can play with line-height and padding, perhaps.

Another option is to use a <button> instead of an <input type="button">, since it allows for 'richer' content. But there are browser inconsistencies that can cause problems with that approach.

(BTW, Dez, you should be posting these CSS questions in the CSS forum.)

[Dez]

Thanks Tommy, will play around with it a bit more.

I did think of putting this into the CSS forum, but as it didn't involve a cascading style sheet, I didn't put it there. But no worries, will bear it in mind next time.

[AutisticCuckoo]

I did think of putting this into the CSS forum, but as it didn't involve a cascading style sheet, I didn't put it there.

It does. Inline style attributes are also part of the CSS cascade.