Tenho esse HTML:
<form action="" method="post">
<input type="text" name="pesquisa" placeholder="O que você procura?"/>
<input type="submit">
</form>
E tenho esse CSS:
body>header form{
margin:25px 80px;
display:inline-block;
}
body>header form input[type=text]{
padding:8px 50px 8px 20px;
width:300px;
font-family:'Open Sans';
font-size:13px;
border-top:1px solid #C21B13 !important;
border:3px solid #C21B13;
border-radius:20px;
outline:none;
}
body>header form input[type=submit]{ }
O meu site ta assim:
O que eu quero fazer? Eu quero colocar esse botão enviar dentro do input.
Como faço isso de maneira correta?
ATT.