HTML Form Button CSS

Question

I have the following code (there is other stuff in the form but not relevant):

<fieldset>
<form> 
<div><input type="submit" value="Sign Register"></input></div> 
</form>
<FORM METHOD="LINK" ACTION="viewcurrent.php">
<INPUT TYPE="submit" VALUE="View Register"></INPUT></br>
</fieldset>
</div>

Both buttons work fine. But on the web page they appear underneath each other. What is the correct way to have these buttons next to each other instead of underneath eachother?

j08691 · Accepted Answer · 2015-04-01 17:10:47Z

2

This would do it:

form, form div {
    display:inline;
}

jsFiddle example

You need to change the form and div from block elements to either inline, or inline-block elements.

answered Apr 1, 2015 at 17:10

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Delto · Accepted Answer · 2015-04-01 17:11:52Z

1

The proper way would be to use display: inline-block.

answered Apr 1, 2015 at 17:11

Delto

3313 silver badges14 bronze badges

Collectives™ on Stack Overflow

HTML Form Button CSS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related