<form action="" class="form">
<input style="display:block;border:2px solid #316e94;border-radius:5px;width:339px;"
type="text" placeholder="Example: Wichita Falls, Texas 76301">
<input style="margin-bottom:15px;margin-top:8px;" type="checkbox" id="qwerty">
<label for="qwerty">Include surrounding suburbs</label><br>
<label for="qwerty1">Property type:</label>
<input style="margin-bottom:20px;" class="form-input" type="text" placeholder="Select one">
<br>
<label style="margin-left:17px;" for="qwerty2">Bedrooms :</label>
<input class="form-input" type="text" placeholder="Select one">
<button>Search</button>
</form>
button {
display:block;
border:3px solid #d5d6d7;
border-radius:5px;
color:white;
background:#5ca0ca;
padding:12px 80px;
cursor:pointer;
font-size:15px;
margin-top:54px;
font-weight:bold;
margin-left:114px;
}
input {
padding:5px;
}
.form-input {
margin-left:20px;
width:202px;
}
Я явно где-то напортачил, потому что были использованы
. Я не могу сверстать часть ( будет обведена красным на картинке) без
. Помогите. Предложите ваш вариант.
Также хотелось бы спросить, я правильно понимаю, что тег по-умолчанию имеет строчный тип( то есть он строчный элемент)?
