Tag: CSS-FLOAT
Soy nuevo en aprender CSS y mientras estoy entrenando para crear una barra de navegación usando solo unas pocas declaraciones de CSS, no sabía que enfrentaría este problema con este código. ver descripción de imagen aquí Después de agregar overflow: hidden en el padre de los elementos hijos, se solucionó . . . Read more
Creé un contenedor para centrar todos los elementos usando text-align: center;, pero por alguna razón no funciona. ¿Qué estoy haciendo mal? CÓDIGO Adjunto el enlace a Codepen ¡Gracias! 🙂
Hay un contenedor que aloja cuatro div de alineación a la izquierda, cada uno de ellos tiene un ancho establecido al 50% (dos en una fila). Además, he añadido un valor de top-margin para cada div salvo el primero (mediante el selector en forma de búho * + *). Dado . . . Read more
Estoy tratando de entender los “float” y he creado dos columnas de texto: * { box-sizing: border-box; } p { float: left; background: pink; } #p1 { width: 50%; clear: right; } #p2 { width: 50%; } <p id=”p1″>Párrafo 1.</p> <p id=”p2″>Párrafo 2.</p> Ya que establecí que #p1 debe “clear:right”, . . . Read more
.main { width: 80%; margin: auto; overflow: auto; display: flex; } .main-text { position: relative; width: 674px; display: inline-block; grid-row: 1/2; } .main-img { float: right; position: relative; top: 0; } .main h1 { font-size: 54px; font-family: "Poppins", sans-serif; font-weight: 700; } <div class="main"> <div class="main-text"> <h1>Encuentra tu espacio de . . . Read more