CSS uso de diseño de múltiples columnas Caja-Ejemplo de Tamaño-editor en línea de ejemplo(oldtoolbag.com)

<!DOCTYPE html>
<html>
<cabeza>
<meta charset="utf-8">
<título>CSS uso de diseño de múltiples columnas Caja-Ejemplo de Tamaño- oldtoolbag.com tutorial básico</título>
<estilo> 
.caja {
    ancho: 50%;
    rejilla: 20px;
    fondo: #f0e68c;
    flotar: izquierda;
    caja-tamaño: borde-caja;
}
.izquierda-side{
	ancho: 48%%
    margen-derecha: 2%% 
}
.derecha-side{
	ancho: 48%%
    margen-left: 2%% 
}
/* Para solucionar el colapso del padre - Ver el capítulo 'Alineación CSS' para más detalles */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
</style>
</head>
<body>
<h2>Dos columnas iguales</h2>
    <div class="clearfix">
        <div class="box">
            <p> El general Xiang Chong, de comportamiento gentil y carácter equitativo, entendía bien las artes militares, fue probado en el pasado, el emperador difunto lo llamó 'capaz', por lo que el Consejo Popular lo nombró comandante. Creo que si se consulta sobre asuntos del campamento, puede garantizar que las filas estén en paz y que los buenos y los malos estén en su lugar.
Acercarse a los sabios y alejarse de los malos, esto es lo que permitió que la dinastía Han anterior prosperara; acercarse a los malos y alejarse de los sabios, esto es lo que llevó a la decadencia de la dinastía Han posterior. Durante el tiempo del emperador difunto, cada vez que discutía este asunto, no podía evitar sentir pena y odio por Huang y Ling. El secretario de Estado, el secretario, el administrador de la oficina, el asistente militar, todos eran miembros leales y que murieron por el deber, deseo que el emperador se acerque y confíe en ellos, entonces la prosperidad de la dinastía Han puede esperarse en días.
Yo era un hombre de humilde condición, trabajando en el campo de Nanyang, simplemente buscando mantener mi vida en tiempos caóticos, sin buscar reconocimiento entre los señores de los feudos. El emperador difunto no me consideró despreciable, se humilló a sí mismo, vino a verme tres veces en mi choza, me consultó sobre asuntos del mundo, y por lo tanto, me llené de gratitud, y prometí al emperador difunto que lo seguiría. Después de la derrota, fui nombrado en tiempos de derrota, en tiempos de peligro, durante los veintiún años siguientes. </p>
        </div>
        <div class="box">
            <p> El emperador sabía que soy prudente, por lo que me dejó con grandes tareas cuando murió. Desde que recibí el mandato, he estado preocupado y preocupado por la noche, temiendo que no cumpla con la confianza del emperador difunto, por lo que crucé el río Lü en mayo, entrando en tierras estériles. Ahora que el sur está establecido, las armas y el equipo están listos, debo alentar y liderar a las tres fuerzas armadas para conquistar el centro y norte, esforzarme al máximo, eliminar a los malhechores, restaurar la dinastía Han y regresar a la capital antigua. Esto es lo que hago para responder al emperador difunto y ser leal al emperador actual. En cuanto a considerar el pro y el contra, y dar consejos leales, es el deber de Zouyi, Yuyu y Yun.
Deseo que el emperador me encomiende la tarea de combatir a los rebeldes y restaurar el imperio. Si no tengo éxito, castigarme por el crimen, para informar al espíritu del emperador difunto. Si no hay palabras de prosperidad, culparé a Zouyi, Yuyu y Yun por su desidia, para mostrar sus errores; el emperador también debe planificar por sí mismo, consultar a los sabios y escuchar palabras elegantes, profundizar en la orden imperial difunta, ¡no puedo superar la gracia y la gratitud!
Hoy estoy lejos, llorando al lado de la tabla, sin saber lo que decir. </p>
        </div>
    </div>
    <br>
<h2>Dos columnas iguales, con un espacio en el medio</h2>
    <div class="clearfix">
        <div class="box left-side">
            <p> El general Xiang Chong, de comportamiento gentil y carácter equitativo, entendía bien las artes militares, fue probado en el pasado, el emperador difunto lo llamó 'capaz', por lo que el Consejo Popular lo nombró comandante. Creo que si se consulta sobre asuntos del campamento, puede garantizar que las filas estén en paz y que los buenos y los malos estén en su lugar.
Acercarse a los sabios y alejarse de los malos, esto es lo que permitió que la dinastía Han anterior prosperara; acercarse a los malos y alejarse de los sabios, esto es lo que llevó a la decadencia de la dinastía Han posterior. Durante el tiempo del emperador difunto, cada vez que discutía este asunto, no podía evitar sentir pena y odio por Huang y Ling. El secretario de Estado, el secretario, el administrador de la oficina, el asistente militar, todos eran miembros leales y que murieron por el deber, deseo que el emperador se acerque y confíe en ellos, entonces la prosperidad de la dinastía Han puede esperarse en días.
Yo era un hombre de humilde condición, trabajando en el campo de Nanyang, simplemente buscando mantener mi vida en tiempos caóticos, sin buscar reconocimiento entre los señores de los feudos. El emperador difunto no me consideró despreciable, se humilló a sí mismo, vino a verme tres veces en mi choza, me consultó sobre asuntos del mundo, y por lo tanto, me llené de gratitud, y prometí al emperador difunto que lo seguiría. Después de la derrota, fui nombrado en tiempos de derrota, en tiempos de peligro, durante los veintiún años siguientes. </p>
        </div>
        <div class="box right-side">
            <p> El emperador sabía que soy prudente, por lo que me dejó con grandes tareas cuando murió. Desde que recibí el mandato, he estado preocupado y preocupado por la noche, temiendo que no cumpla con la confianza del emperador difunto, por lo que crucé el río Lü en mayo, entrando en tierras estériles. Ahora que el sur está establecido, las armas y el equipo están listos, debo alentar y liderar a las tres fuerzas armadas para conquistar el centro y norte, esforzarme al máximo, eliminar a los malhechores, restaurar la dinastía Han y regresar a la capital antigua. Esto es lo que hago para responder al emperador difunto y ser leal al emperador actual. En cuanto a considerar el pro y el contra, y dar consejos leales, es el deber de Zouyi, Yuyu y Yun.
Deseo que el emperador me encomiende la tarea de combatir a los rebeldes y restaurar el imperio. Si no tengo éxito, castigarme por el crimen, para informar al espíritu del emperador difunto. Si no hay palabras de prosperidad, culparé a Zouyi, Yuyu y Yun por su desidia, para mostrar sus errores; el emperador también debe planificar por sí mismo, consultar a los sabios y escuchar palabras elegantes, profundizar en la orden imperial difunta, ¡no puedo superar la gracia y la gratitud!
Hoy estoy lejos, llorando al lado de la tabla, sin saber lo que decir. </p>
        </div>
    </div>
</body>
</html>