Как реализовать форму с кнопкой?

Нужно реализовать такую форму с кнопкой
Z_0bUIYymQk.jpg
В целом я все сделал, но есть ощущение что это делается не так.
<div class="text-block-1">	
				<h1>Mastersystem <br>создавай и управляй</h1>
				<p>Mastersystem - это профессиональная система управления веб-проектами, универсальный программный продукт для создания, поддержки и успешного развития</p>
				
				<form method="post">
					<input type="text" name="email" placeholder="Введите свой E-mail">
					<button class="btn-2">Попробуйте бесплатно</button>
					
				</form>
			</div>


.text-block-1 input {
  width: 280px;
  height: 50px;
  line-height: 19px;
  font-size: 15px;
  padding-left: 20px;
  border: none;
  border-radius: 8px 0 0 8px; }

.btn-2 {
  width: 190px;
  height: 50px;
  border: none;
  border-radius: 0 8px 8px 0;
  background-color: #FF6100;
  color: #FFFF;
  font-weight: bold; }
  • Вопрос задан
  • 212 просмотров
Решения вопроса 1
RAX7
@RAX7
У тебя инпут и кнопка inline-block элементы, поэтому между ними есть небольшой пробел.
https://htmlacademy.ru/blog/21-fighting-the-space-...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ParaBellum577
а что тут можно сделать не так? 1 инпут, одна кнопка...
Ответ написан
Ваш ответ на вопрос

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

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