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

Question

[Александр Волков]

Нужно реализовать такую форму с кнопкой

В целом я все сделал, но есть ощущение что это делается не так.

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

Answer 1

[RAX7]

У тебя инпут и кнопка inline-block элементы, поэтому между ними есть небольшой пробел.
https://htmlacademy.ru/blog/21-fighting-the-space-...

Answer 2

[ParaBellum577]

а что тут можно сделать не так? 1 инпут, одна кнопка...

Comments

[Александр Волков]

не получается сделать их слитно, как на скриншоте)

[ParaBellum577]

в