Comment puis-je faire en sorte que le texte entoure une image en utilisant HTML et CSS ?

Enrouler du texte autour d'une image à l'aide de HTML/CSS

Question :

Pouvez-vous concevoir un bloc de texte à enrouler autour d'une image comme ceci :

[Image d'un texte s'enroulant autour d'un image]

Réponse :

Oui, c'est possible en faisant flotter l'image conteneur.

HTML :

<div>

CSS :

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

Explication :

• Le div #container définit les limites du texte et image.
• Le div #floated contient le texte qui s'enroulera autour de l'image.
• La propriété float: left sur le div #floated le fait flotter à gauche du conteneur.
• La propriété width du div #floated définit la largeur du texte.

Live Exemple :

[JSFiddle](http://jsfiddle.net/kYDgL/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!