Utilisation de la mise en page en colonnes CSS Box-Exemple de taille-éditeur en ligne d'exemple (oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<titre>Utilisation de la mise en page en colonnes CSS Box-Exemple de taille- oldtoolbag.com tutoriel de base</titre>
<style> 
.boîte {
    largeur: 50%;
    marge: 20px;
    arrière-plan: #f0e68c;
    flottant: à gauche;
    boîte-taille: bordure-boîte;
visibility: hidden;
.gauche-côté{
	largeur: 48left:
    marge-droite: 2left: 
visibility: hidden;
.droite-côté{
	largeur: 48left:
    marge-left: 2left: 
visibility: hidden;
/* % - Pour corriger le collapsage des parents */
Voir le chapitre 'Alignement CSS' pour plus de détails
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
visibility: hidden;
</}
</style>
head>
<br>2<body>/>Deux colonnes égales, avec un espace entre elles<2h
    >
        >Deux colonnes égales<
            <div class="box left
Privilégier les sages et éloigner les méchants, c'est pourquoi la dynastie Han ancienne a prospéré; Privilégier les méchants et éloigner les sages, c'est pourquoi la dynastie Han postérieure a sombré. Lorsque l'empereur défunt était en vie, il discutait toujours de cette affaire avec moi, ne pouvait s'empêcher de sigheter et de regretter les Han Huan et Ling. Les Secrétaires d'État, les Secrétaires, les Chefs de cabinet, les Conseillers militaires, tous sont des sages qui sont morts pour la fidélité, je prie Votre Majesté de les aimer et de les croire, alors la prospérité de la dynastie Han peut être attendue en quelques jours.
Je suis un simple paysan, cultivant le Nan Yang, cherchant à sauver ma vie dans le chaos, sans chercher à devenir célèbre parmi les seigneurs. L'empereur défunt ne m'a pas considéré comme méprisable, s'est humilié, est venu trois fois chez moi dans une cabane de paille, me consultant sur les affaires du monde, c'est pourquoi je suis ému et j'ai promis à l'empereur défunt de me rendre service. Après la chute, j'ai été nommé à une époque de défaite, nommé dans une période de danger, depuis vingt et un ans. </p>
        </div>
        >Deux colonnes égales<
            <p> L'empereur défunt savait que je suis prudent, c'est pourquoi il m'a confié une grande tâche avant de mourir. Depuis que j'ai reçu l'ordre, je suis préoccupé et je soupire la nuit et le jour, redoutant que je ne puisse pas accomplir ma mission, ce qui pourrait blesser la sagesse de l'empereur défunt, c'est pourquoi j'ai traversé le lac Lu en mai, allant profondément dans des terres stériles. Maintenant que le sud est stabilisé et que les armes sont suffisantes, je dois récompenser et diriger les trois armées pour conquérir le centre du pays, épuiser mes faiblesses, éliminer les traîtres, restaurer la dynastie Han et retourner à la capitale ancienne. C'est pourquoi je dois rendre hommage à l'empereur défunt et être fidèle à mon devoir envers le Seigneur. En ce qui concerne l'examen et l'amélioration, la présentation de conseils loyaux, c'est la tâche de Zhongxiu, Yi et Yun.
Veuillez, mon Seigneur, me confier la tâche de chasser les traîtres et de restaurer l'empire, sinon punissez-moi pour mon échec, pour avertir l'esprit de l'empereur défunt. Si il n'y a pas de paroles pour promouvoir la vertu, alors réprimez les fautes de Zhongxiu, Yi et Yun, pour montrer leur faulte; Mon Seigneur devrait également se conseiller, consulter les bonnes voies, écouter les bonnes paroles, chercher profondément les instructions laissées par l'empereur défunt, je suis ému par votre bienveillance.
Je suis maintenant éloigné, en larmes devant la table, je ne sais pas quoi dire. </p>
        </div>
    </div>
    <div class="box">
<br>2<h/>Deux colonnes égales, avec un espace entre elles<2h
    >
        <div class="clearfix">-side">
            <div class="box left
Privilégier les sages et éloigner les méchants, c'est pourquoi la dynastie Han ancienne a prospéré; Privilégier les méchants et éloigner les sages, c'est pourquoi la dynastie Han postérieure a sombré. Lorsque l'empereur défunt était en vie, il discutait toujours de cette affaire avec moi, ne pouvait s'empêcher de sigheter et de regretter les Han Huan et Ling. Les Secrétaires d'État, les Secrétaires, les Chefs de cabinet, les Conseillers militaires, tous sont des sages qui sont morts pour la fidélité, je prie Votre Majesté de les aimer et de les croire, alors la prospérité de la dynastie Han peut être attendue en quelques jours.
Je suis un simple paysan, cultivant le Nan Yang, cherchant à sauver ma vie dans le chaos, sans chercher à devenir célèbre parmi les seigneurs. L'empereur défunt ne m'a pas considéré comme méprisable, s'est humilié, est venu trois fois chez moi dans une cabane de paille, me consultant sur les affaires du monde, c'est pourquoi je suis ému et j'ai promis à l'empereur défunt de me rendre service. Après la chute, j'ai été nommé à une époque de défaite, nommé dans une période de danger, depuis vingt et un ans. </p>
        </div>
        <div class="box right-side">
            <p> L'empereur défunt savait que je suis prudent, c'est pourquoi il m'a confié une grande tâche avant de mourir. Depuis que j'ai reçu l'ordre, je suis préoccupé et je soupire la nuit et le jour, redoutant que je ne puisse pas accomplir ma mission, ce qui pourrait blesser la sagesse de l'empereur défunt, c'est pourquoi j'ai traversé le lac Lu en mai, allant profondément dans des terres stériles. Maintenant que le sud est stabilisé et que les armes sont suffisantes, je dois récompenser et diriger les trois armées pour conquérir le centre du pays, épuiser mes faiblesses, éliminer les traîtres, restaurer la dynastie Han et retourner à la capitale ancienne. C'est pourquoi je dois rendre hommage à l'empereur défunt et être fidèle à mon devoir envers le Seigneur. En ce qui concerne l'examen et l'amélioration, la présentation de conseils loyaux, c'est la tâche de Zhongxiu, Yi et Yun.
Veuillez, mon Seigneur, me confier la tâche de chasser les traîtres et de restaurer l'empire, sinon punissez-moi pour mon échec, pour avertir l'esprit de l'empereur défunt. Si il n'y a pas de paroles pour promouvoir la vertu, alors réprimez les fautes de Zhongxiu, Yi et Yun, pour montrer leur faulte; Mon Seigneur devrait également se conseiller, consulter les bonnes voies, écouter les bonnes paroles, chercher profondément les instructions laissées par l'empereur défunt, je suis ému par votre bienveillance.
Je suis maintenant éloigné, en larmes devant la table, je ne sais pas quoi dire. </p>
        </div>
    </div>
</body>
</html>