[Помогите] с float: right

Здравствуйте, у меня возникла проблема с кнопкой
когда добавляю float: right; кнопка вылазить за блок




когда забираю float: right, то все нормально




нужно как-то реализовать через float: right

мой код

Код:

input.wpcf7-form-control.wpcf7-submit {
  background-color: #48BD71;
  border: 0;
  padding: 5px;
  color: #fff;
  font-family: AdelleCyrillic;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  float: right
}

 

Попробуй margin

 

Нужно для родительского блока добавить высоту
Или добавить 2 родителя одному задав сброс флоата

 

У тебя родительский элемент схлопывается. Добавь родительскому элементу класс clearfix

Код:

<div class="wrapper clearfix">
<div class="left">...</div>
<div class="right">...</div>
</div>

Для класса clearfix пропиши следующие стили.

Код:

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}