2 HTML-формы друг от друга

Question

Мне нужно поместить кнопку подтверждения и кнопку отмены на странице.

Я решил создать формы с различными действиями, но 2 кнопки (формы) не отображаются бок о бок.

Как нам это сделать без стола?

Спасибо!

Answer 1

Вы можете сделать это без поплавков, если установить форму и каждый элемент внутри него, чтобы быть дисплей рядный, то они будут сидеть рядом друг с другом. Причина, по которой они не бок о бок, состоит в том, что формы, так же как divs и абзацы, являются элементами уровня блока, устанавливая их для отображения inline.

Для примера

.button-container form, 
.button-container form div { 
    display: inline; 
} 

.button-container button { 
    display: inline; 
    vertical-align: middle; 
} 

С следующий HTML

<div class="button-container"> 
    <form action="confirm.php" method="post"> 
     <div> 
      <button type="submit">Confirm</button> 
     </div> 
    </form> 

    <form action="cancel.php" method="post"> 
     <div> 
      <button type="submit">Cancel</button> 
     </div> 
    </form> 
</div>

Answer 2

Сделать оба «поплавок: левый». И сделайте элемент после них «ясным: оба»;

Должно работать :)

Answer 3

Как говорится, если вы хотите, встроенные элементы, сделать их рядный. Это лучше:

display:inline-block;