I
I
Ivan Lunin2021-05-10 17:29:38
css
Ivan Lunin, 2021-05-10 17:29:38

How to arrange the form so that it looks like in the picture?

I have a block to which the background image is set and in this block I need to place the form on the right as in the photo, how to do this?
Here is the form

<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

Answer the question

In order to leave comments, you need to log in

1 answer(s)
I
IIIu6ko, 2021-05-10
@IvanLu

Set block and formdisplay: flex;margin: 0 0 0 auto;

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question