Saltar al contenido

Ejemplo de código html de 3 columnas

Hola usuario de nuestra página web, hemos encontrado la respuesta a tu interrogante, has scroll y la hallarás un poco más abajo.

Ejemplo 1: lista html en tres columnas

ul 
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

Ejemplo 2: como hacer tres columnas en una fila en html

DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width, initial-scale=1"><style>*box-sizing: border-box;/* Create three equal columns that floats next to each other */.columnfloat: left;width:33.33%;padding:10px;height:300px;/* Should be removed. Only for demonstration *//* Clear floats after the columns */.row:aftercontent:"";display: table;clear: both;style>head><body><h2>Three Equal Columnsh2><divclass="row"><divclass="column"style="background-color:#aaa;"><h2>Column 1h2><p>Some text..p>div><divclass="column"style="background-color:#bbb;"><h2>Column 2h2><p>Some text..p>div><divclass="column"style="background-color:#ccc;"><h2>Column 3h2><p>Some text..p>div>div>body>html>

Aquí tienes las comentarios y puntuaciones

Tienes la opción de asistir nuestra función poniendo un comentario o dejando una puntuación te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *