I've made a search on SO to know how can I align vertically input elements in a div. This div is inside a form. Most of questions, form elements have a lot of <div>
's for each element or a <br>
tag for that.
Vertically aligning input elements
I've made a fiddle with this CSS:
.fillform{
position: relative;
width: 100%;
height: 33%;
bottom: 0;
background: rgba(225, 43, 50, 1.0);
}
.fillform div{
position: absolute;
float: left;
width: 100%;
height: 200px;
box-sizing: border-box;
border: 2px solid rgba(0,0, 255, 1.0);
}
.fillform div input{
float: left;
display: inline-block;
border: 2px solid rgba(255, 0, 0, 1.0);
box-sizing: border-box;
vertical-align: middle;
}
Input elements can't be aligned vertically and have margins?
EDIT: I'll not use table or display: table-cell;
Aucun commentaire:
Enregistrer un commentaire