Problem with aligning css button

[Yusuf]

I've two buttons on my form. I should align in vertically on same line but, one seems to be above the other one.
Here is the css code

.submit input
{
margin-left: 12.5em;
}
.submit input
{
color: #000;
background: #ffa20f;
border: 3px outset #d7b9c9
}
.reset input
{
margin-left: 25em;
}
.reset input
{
color: #000;
background: #ffa20f;
border: 3px outset #d7b9c9
}

I've attached the picture of the button.

[abduraooft]

Here is the css code

Some CSS alone without the corresponding HTML is pretty useless. Please post the HTML or a link to your page.

[Yusuf]

<p class="submit"><input type="submit" value="Submit" />
<p class="reset"><input type="reset" value="Reset" />

HTML code for button

[abduraooft]

.reset input
{
margin-left: 25em;
}

The second input element has a 25em; margin-left applied to it.

PS: Validate your markup using http://validator.w3.org/

[Yusuf]

What should be instead of the 25em; margin-left to align it vertically on same line?

[abduraooft]

.reset input
{
margin-left: 12.5em;
}

[Yusuf]

Sorry I mean horizontally on same line?

margin-right?

smething like that?

[abduraooft]

horizontally on same line?

Then remove those two <p> tags

[Yusuf]

Yeah horizontally on same line, but if I remove the <p>, find it attached in the picture below

I don't want it like this, I want it to align just below the textbox above it.