Задать вопрос
@IvanLu
Начинающий веб-разработчик

Как расположить форму чтоб было как на картинке?

У меня есть блок которому задан бекграунд имейдж и в этом блоке мне нужно расположить форму справа как на фото, как это сделать?
Вот сама форма
<form>
  			<input type="text" autocomplete="on" class="contact-input" placeholder="Full Name">
  			<input type="text" class="contact-input" placeholder="Full Name" placeholder="Email">
  			<input type="text" autocomplete="on" class="contact-input" placeholder="Phone">
  			<input type="date" class="contact-input">
  			<input list="contacts-select" class="contact-input" name="TreatmentType" autocomplete="on">
  			<datalist id="contacts-select">
  			<option value="Laboratory"></option>
  			<option value="Radiology"></option>
  			</datalist>
  			<button class="contact-button" type="submit">Submit</button>
  		</form>


60994291731af315930444.png
  • Вопрос задан
  • 159 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
IIIu6ko
@IIIu6ko
Задать блоку display: flex; и форме margin: 0 0 0 auto;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы