Как я могу получить <form>div, чтобы правильно обернуть мои две <input type = "button"> кнопки?

Question

По какой-то причине мои Отправить и Отмена кнопки не переносятся в тег form , как я ожидаю, что они будут (в зависимости от ихположение с тегом формы в HTML) , когда их float свойство установлено в вправо и влево соответственно.Две кнопки расположены снаружи и под формой div с правой и левой сторон.

Ссылка на HTML и встроенный CSS

альтернативный текст http://lh5.ggpht.com/_rNlSpSUBkYo/TFLpNgv4XkI/AAAAAAAAAE8/ocwa0uSzwX4/reply-float-form.png

Как мне сделать так, чтобы форма div обернула две кнопки так,они не отображаются снаружи и под формой div?

Спасибо
Адам

Answer 1

Удалить .cancel с плавающей точкой:

.cancel{/* no float */}

* проверено на Chrome

Answer 2

Похоже, вам нужно очистить поплавки.Попробуйте это.

<form action="#" method="get">
    <textarea name="Reply Textarea" type="text" rows="2" cols="40" wrap="soft"></textarea>
    <input id="buttons" class="submit" type="submit" value="Submit" />
    <input id="buttons" class="cancel" type="button" value="Cancel">
    <br style="clear: both;" />
</form>