comment aligner un tableau html au format suivant

Question

Une ligne de tableau avec deux colonnes. L'une contient une image et l'autre un très grand texte. Le texte doit commencer à droite de l'image et s'il dépasse la taille de l'image, la ligne suivante doit se trouver en dessous de l'image.

IMAGE . Le texte commence ici et ensuite

suit comme ceci

Answer 1

Cela ne fonctionnerait pas dans les colonnes d'un tableau.

J'utiliserais des flotteurs.

HTML

<div class="section">
    <img src="" alt="" />
<p>text</p>
</div>

CSS

.section img {
    float: left;
    margin: 1em 1em 1em 0;
}

Answer 2

Utilisez float:left ; La colonne supplémentaire du tableau est alors inutile.

Answer 3

N'utilisez pas de tableau, mais utilisez simplement l'attribut align et définissez-le à gauche sur la balise de l'image.

<img src="" alt="" align="left" />Text