Saltar al contenido

html dividir página en 2 columnas ejemplo de código

Al fin después de mucho batallar ya dimos con la respuesta de esta cuestión que algunos usuarios de este sitio web han tenido. Si deseas compartir algo no dejes de dejar tu conocimiento.

Ejemplo: diseño de dos columnas html css

DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width, initial-scale=1"/><style>bodyfont-family: Arial;color:white;.left,.rightheight:50%;width:50%;position: fixed;overflow-x: hidden;padding-top:20px;.leftleft:0;background-color:rgb(36,0,95);.rightright:0;background-color:rgb(56,1,44);.centeredposition: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;.centered imgwidth:150px;border-radius:50%;style>head><body><h1style="color:black;">Two column layout grid exampleh1><divclass="left"><h1>Some random text on the lefth1>div><divclass="right"><h1>Some random text on the righth1>div>body>html>

Puedes amparar nuestra ocupación fijando un comentario o dejando una valoración te estamos agradecidos.

¡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 *