2015-04-01 4 views
0

У меня есть следующий код (есть другие вещи в форме, но не имеет отношения):HTML Form Button CSS

<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> 

Обе кнопки работают отлично. Но на веб-странице они появляются под друг другом. Каков правильный способ иметь эти кнопки рядом друг с другом, а не под ними?

ответ

1

Правильный способ - использовать display: inline-block.

2

Это сделать:

form, form div { 
    display:inline; 
} 

jsFiddle example

Вам нужно изменить форму и DIV из блочных элементов в любой инлайн или встроенный блок элементов.