Выравнивание ввода текста кнопкой «Отправить» - PullRequest
Новая
       8

Выравнивание ввода текста кнопкой «Отправить»

0 голосов
/ 06 января 2019

Как бы это сделать?

Код: https://jsfiddle.net/6q352ysx/59/

Они оба одинаковой высоты, но они неравномерны.

enter image description here

Что из этого получится:

по вертикали: верх;

по вертикали: снизу;

или я бы использовал его только на одном из них?

Это, или я буду использовать 

vertical-align: middle;


input[type=text] {
  font-size: 22px;
  width: 200px;
  color: #0059dd;
  background: #000000;
  border: 1px solid #0059dd;
}

input[type=submit] {
  font-size: 22px;
  color: #0059dd;
  cursor: pointer;
  height: 31px;
  background: black;
  border: 1px solid #0059dd;
  font-family: "Times New Roman", Times, serif;
}
<div class="info">
  <input id="input" type="text" name="someNameHere" placeholder="someValueHere" />
  <input id="sent" type="submit" value="Set" />
</div>

1 Ответ

0 голосов
/ 06 января 2019

Попробуйте этот CSS: 

.info {display:flex}

input[type=text] {
  font-size: 22px;
  width: 200px;
  color: #0059dd;
  background: #000000;
  border: 1px solid #0059dd;
}

input[type=submit] {
  font-size: 22px;
  color: #0059dd;
  cursor: pointer;
  background: black;
  border: 1px solid #0059dd;
  font-family: "Times New Roman", Times, serif;
}

Скрипка: https://jsfiddle.net/6q352ysx/11/

...