Comment déplacer le texte autour d`une image avec html ou css

Contenu

Html
Css

article data-type="article">

Lorsque vous incluez une photo avec le texte sur votre page Web, le style par défaut affiche le graphique ci-dessous ou au-dessus du contenu environnant, en laissant un espace blanc à gauche et à droite de l`image. Cette perte d`espace et rend l`image apparaissent disjoints de votre texte. Pour résoudre ce problème, vous avez la possibilité d`utiliser soit HyperText Markup Language (HTML) ou Cascading Style Sheets (CSS) pour spécifier le positionnement de l`image de sorte que le texte passe autour des frontières de l`image. Utilisez HTML ou CSS pour déplacer le texte autour de vos images, comme vous préférez.

HTML

Lancez le fichier de page dans le programme d`éditeur de texte de votre ordinateur et placez votre curseur à l`intérieur du "" Étiquette. Type "align =" et suivre cela avec des guillemets comme ceci:
Entrer "droite," "à gauche," "milieu," "meilleur" ou "bas" après l`entrée align pour spécifier où votre image apparaît en relation avec votre texte. UNE "meilleur" l`alignement rend votre contenu apparaît au point de l`image la plus élevée, la "milieu" déplace le texte vers le milieu de la photo et la "bas" diriger le contenu à commencer par le bas du graphique. En outre, un "droite" la position, se déplace vos données vers la gauche de l`image et un "à gauche" alignement met le contenu à droite de l`image. Tapez votre code comme suit:
Enregistrez le fichier.

CSS

Placez votre curseur à l`intérieur du "" tag et le type "style =" avec un ensemble de guillemets avant la dernière équerre. Illustrer:
Entrer "flotte:" à l`intérieur des guillemets et tapez le "à gauche" ou "droite" attribuer à nommer l`alignement du graphique. le "à gauche" valeur rend votre image apparaît sur la gauche et déplace votre texte à droite, tandis que le "droite" attribut fait le contraire. Par exemple:
Enregistrez votre document.