Как выровнять текст в кнопке и кнопке выравнивания в поле ввода ⇐ CSS

[Anonymous]

У меня есть поле ввода и кнопка. Однако есть две проблемы. < /P>


src = "https://i.sstatic.net/u12cy.png" /> < /p>

ОК, я также собрал супер удобную скрипку, чтобы играть с этим. < /p>

Как я могу решить эти проблемы? Сделайте это выглядеть " идеально выровненным ". Я пытался возиться с настройками высоты, хотя и не был неудачным.HTML:


Welcome to our site
this is a site

Type your username

Play



CSS:
button[id=playbutton]{
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;

height: 40px;
}

button:hover{
background-color: darkgreen;
}


Подробнее здесь: https://stackoverflow.com/questions/462 ... nput-feild