.divCuadrado {
ancho: 30%;
altura:auto;
margen: 3px;
borde: 2px negro sólido;
flotar: izquierda;
relleno: 3px;
radio del borde: 0,75em;
fondo: #faedef;
mostrar:en línea;
}
#textobody marca {
familia de fuentes: encantadora;
tamaño de fuente: 1.5em;
borde: 1px negro discontinuo;
color de fondo: #f7c0d6;
sombra de texto: -1px 0 #fff, 0 1px #000, 1px 0 #000, 0 -1px #fff, 0 0;
color: #b84154;
radio del borde: 100%;
relleno: 0 1px 0 1px;
}
#Hurra {
desbordamiento: desplazarse;
ancho:auto;
altura: 70px;
desbordamiento-x: oculto;
alinear texto: izquierda;
familia de fuentes: "Bai Jamjuree", sans-serif;
tamaño de fuente: 1em;
altura de línea: 0,875;
peso de la fuente: 500;
color: #000;
}
#yay a {
color: heredar;
decoración de texto: punteado;
transición: color 0,25s facilidad;
}
#yay a:hover {
filtro: desenfoque(0.1rem);
-webkit-transition: todos los 0,3 s de entrada y salida graduales;
-moz-transition: todos los 0,3 s de entrada y salida graduales;
-o-transición: todos los 0,3 s de entrada y salida suaves;
-ms-transition: todos los 0,5 s de entrada y salida graduales;
transición: todos los 0,3 s entran y salen lentamente;
decoración de texto: punteado;
color: #636363;
estilo de fuente: cursiva;
}
::-barra de desplazamiento webkit {
ancho: 0; /* eliminar espacio en la barra de desplazamiento */
fondo: transparente; /* para hacer que la barra de desplazamiento sea invisible */
}
::-webkit-barra-de-desplazamiento-miniatura {
fondo: transparente;
}
@font-face {
familia de fuentes: encantadora;
fuente: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
Descubrí el código aquí https://stackoverflow.com/questions/24977634/css-float-4-divs-in-a-square-order-float-left-only-2-and-4-does-not-work
título 1 ✿ Puedes ajustar la altura del cuadro en estilos #yay... Primer cuadro desplazable