• Art.08a.8.21

    Ceci n'est qu'un essai mais j'en indique le code pour celles et ceux qui voudraient le personnaliser.

    Coucou !
    la suite s'aligne verticalement...
    La hauteur est réglée par ligne: toutes les cases d'une même ligne sont à la même hauteur, contrairement au code CSS.

    le texte continue également, selon la taille de la police, centré horizontalement et verticalement, avec padding, en modifiant la hauteur du cadre.

    Suite avec des cases en dessous.


    Suite avec des cases en dessous par un espace (<br>) derrière la troisième case.

    Quatrième case.

    Suite avec des cases en dessous.
    Encore des recherches à faire pour déterminer le changement de ligne et la taille des blocs.
    Voir aussi si la taille de la police s'adapte automatiquement à la dimension de la case.
    Pour ça, j'ai mis la taille de la police en auto.
    Il semble que ce soit la hauteur de la ligne qui s'adapte...
    Si j'ajoute encore des lignes, ce sera plus flagrant.

    ******************
    <div id="cont">
    <p id="va" class="tb">Coucou !<br />la suite s'aligne verticalement...<br /><span style="background-color: #00ff00;">La hauteur est r&eacute;gl&eacute;e par ligne: toutes les cases d'une m&ecirc;me ligne sont &agrave; la m&ecirc;me hauteur</span>, contrairement au code CSS.</p>
    <p id="vb" class="tb">le texte continue &eacute;galement, selon la taille de la police, centr&eacute; horizontalement et verticalement, avec padding, en modifiant la hauteur du cadre.</p>
    <p id="vc" class="tb">Suite avec des cases en dessous.</p>
    <br />
    <p id="vd" class="tb">Suite avec des cases en dessous par un espace (&lt;br&gt;) derri&egrave;re la troisi&egrave;me case.</p>
    <p id="ve" class="tb">Quatri&egrave;me case.</p>
    <p id="vf" class="tb">Suite avec des cases en dessous.<br />Encore des recherches &agrave; faire pour d&eacute;terminer le changement de ligne et la taille des blocs.<br />Vois aussi si la taille de la police s'adapte automatiquement &agrave; la dimension de la case.<br />Pour &ccedil;a, j'ai mis la taille de la police en auto.<br />Il semble que ce soit la hauteur de la ligne qui s'adapte...<br />Si j'ajoute encore des lignes, ce sera plus flagrant.</p>
    </div>

    <style><!--
    #cont{display:inline-block; border-collapse:separate; border-spacing:10px; width: 1000px; height: auto; border: 1px solid red; background:cyan;}
    .tb{width:320px; height:180px; border:1px solid black; text-align:center; vertical-align:middle; font-size:auto; display:table-cell; box-sizing:border-box; background:beige;}
    #va{height:220px;}
    --></style>