[solucionado] como centrar unos divs dentro de otro div

Exelente ejemplo de como centrar elementos div dentro de otro div para realizar elementos con diseño responsable. 

Demo: AQUI

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <style>
        /* options with image */
        .opciones {
            overflow:hidden;
            text-align: center;
            margin:auto;
            background:red;
        }

        .opcion {
            display:inline-table;
            border:10px solid #ccc;
            padding:15px;
            height:100px;
            width:100px;
            margin:3px;
        }
    </style>
</head>
<body>
    <div class="opciones">
        <div class="opcion">texto 1 con varias lineas</div>
        <div class="opcion">texto 2</div>
        <div class="opcion">texto 3</div>
        <div class="opcion">texto 4</div>
    </div>
</body>
</html>

Una vez mas gracias a La Web del Programador.




Comentarios

Lo Más Popular