Buenas estoy tratando de organizar unos labels con un input en un div, pero no he podido esta es la imagen de como lo tengo ahora.
Uploaded with
ImageShack.us
esto es lo que tengo
Código HTML:
Ver original<div class="dProduct iconmoney" > <div class="item_product_radio" > <input type="radio" value="100" name="item_pay" id="1" checked/> <div class="item_product_label" > <div class="item_product_label" >
Código CSS:
Ver original.iconmoney{
background-image: url(images/compraDinero.png);
}
.icongas{
background-image: url(images/compraGas.png);
}
.item_product_radio{
width: 65px;
height: 45px;
display: table-cell;
vertical-align: middle;
}
.item_product_label{
width: 65px;
height: 45px;
display: table-cell;
vertical-align: middle;
}
.dProduct{
background-repeat: no-repeat;
width: 214px;
height: 45px;
float:left;
display: table;
margin: 10px 20px;
}
la idea es que el logo quede en el centro de los labels.
saludos