aligning submit button with CSS

[JohnD]

I am trying to align a submit button directly underneath a textarea box using CSS, I am at my wits end. Any suggestions on how I might do this?

thanks,

[AricC]

I am trying to align a submit button directly underneath a textarea box using CSS, I am at my wits end. Any suggestions on how I might do this?

thanks,

John,
Post what you have so far, is it what you PM'd me? Don't worry we'll work through this :)


Aric

[drhowarddrfine]

The problem probably lies in the fact that <textarea> and the submit button are both form controls and inline elements. There are two ways to do what you want; maybe more.

One is to convert <textarea> and <input> to block level elements like this:

<form>
<p style="width:30 %">
<textarea style="display: block; width:100%"></textarea>
<input type="submit" style="display: block; margin: 0 auto">
</p>
</form>

I have the two elements wrapped in the <p> tag with the width set there. The text area becomes a block element the same width as the <p> with the submit button centered in the <p> also.

The second way could be done using inline-block but I leave that as an exercise because I'm too lazy to do it.