ZetIndex_Ram
@ZetIndex_Ram

Правильно ли сверстана форма?

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


Я явно где-то напортачил, потому что были использованы
. Я не могу сверстать часть ( будет обведена красным на картинке) без
. Помогите. Предложите ваш вариант.
Также хотелось бы спросить, я правильно понимаю, что тег по-умолчанию имеет строчный тип( то есть он строчный элемент)?

Картинка
  • Вопрос задан
  • 101 просмотр
Решения вопроса 2
@vardoLP
Ват ю сэй эбаут май мама?!
А в чем проблема-то? Или в чем смысл вопроса? Сверстали, не разваливается, значит норм.
Ответ написан
Ну для начала у вас нет qwerty1 и qwerty2, хотя лейблы для них есть. Br. Инлайновые стили.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы