alinhar input ao centro da div
Alguém tem alguma solução para subir com esse input para deixar ele meio que centralizado na div? Ja tentei de tudo que eu conheço e não consigo.
SOCORRO!!!
Como fica:
Como eu quero:
código:
https://jsfiddle.net/natant1/6khds56a/1/
ou
HTML:
<div id="pesquisaArtista">
<label for="artista">Artista:
<input id="artista" name="artista" type="text"/>
</label>
</div>
<div id="pesquisaGenero">
<label for="genero">Gênero:
<input id="genero" name="genero" type="text"/>
</label>
</div>
<div id="pesquisaAlbum">
<label for="album">Álbum:
<input id="album" name="album" type="text"/>
</label>
</div>
CSS:
#pesquisaArtista{
background-color: #4aae27;
height: 40px;
width: 90%;
max-width: 300px;
padding-top: 0px;
display: inline-block;
}
#pesquisaArtista label{
color: white;
font-family: Agency FB;
font-size: 1.9em;
}
#pesquisaArtista input{
position: relative;
color: grey;
padding: 5px;
width: 170px;
margin-top: -30px;
}
#pesquisaGenero{
background-color: #cda009;
height: 40px;
width: 90%;
max-width: 300px;
padding-top: 0px;
color: white;
display: inline-block;
}
#pesquisaGenero label{
color: white;
font-family: Agency FB;
font-size: 1.9em;
}
#pesquisaGenero input{
position: relative;
color: grey;
padding: 5px;
width: 170px;
margin-top: -30px;
}
#pesquisaAlbum{
background-color: #053d74;
height: 40px;
width: 90%;
max-width: 300px;
padding-top: 0px;
display: inline-block;
}
#pesquisaAlbum label{
color: white;
font-family: Agency FB;
font-size: 1.9em;
}
#pesquisaAlbum input{
position: relative;
color: grey;
padding: 5px;
width: 170px;
margin-top: -30px;
}Discussão (5)
Carregando comentários...