Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/05/2011, 15:24
Avatar de RIVERMILLOS
RIVERMILLOS
 
Fecha de Ingreso: marzo-2010
Mensajes: 1.336
Antigüedad: 14 años, 1 mes
Puntos: 15
justificar label en un div.

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
  1. <div class="dProduct iconmoney" >
  2.                 <div class="item_product_radio" >
  3.                     <input type="radio" value="100" name="item_pay" id="1" checked/>
  4.                 </div>
  5.                 <div   class="item_product_label" >
  6.                 <label for="1">1</label>
  7.                 </div>
  8.                 <div   class="item_product_label" >
  9.                 <label for="1">
  10.                     <span class="total">$20.00</span>
  11.                     <span class="totel_code">USD</span>
  12.                  </label>
  13.                 </div>
  14.             </div>

Código CSS:
Ver original
  1. .iconmoney{
  2.   background-image: url(images/compraDinero.png);
  3. }
  4. .icongas{
  5.   background-image: url(images/compraGas.png);
  6. }
  7. .item_product_radio{
  8.   width: 65px;
  9.   height: 45px;
  10.   display: table-cell;
  11.   vertical-align: middle;
  12. }
  13. .item_product_label{
  14.   width: 65px;
  15.   height: 45px;
  16.   display: table-cell;
  17.   vertical-align: middle;
  18. }
  19.  
  20. .dProduct{
  21.   background-repeat: no-repeat;
  22.   width: 214px;
  23.   height: 45px;
  24.   float:left;
  25.   display: table;
  26.   margin: 10px 20px;
  27. }


la idea es que el logo quede en el centro de los labels.


saludos