Balisage: Alignement des images

Bienvenue dans l'alignement d'images! La meilleure façon de démontrer le flux et le reflux des différentes options de positionnement d'image est de les nicher confortablement dans un océan de mots.. Prenez une pagaie et commençons.

L'image ci-dessus se trouve êtrecentré.

Le reste de ce paragraphe est rempli pour voir le texte s'enrouler autour des 150×150 image, lequel est aligné à gauche.

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, au dessous de, et à droite de l'image. Le texte ne doit pas ramper sur l'image. ramper n'est tout simplement pas bien. Les images ont aussi besoin d'espace pour respirer. Laisse-les parler comme tes mots. Laissez-les faire leur travail sans aucun problème avec le texte. Dans environ une phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas sous l'image en transition transparente. De nouveau, laisser le faire c'est thang. Mission accomplie!

Et maintenant pour un image massivement grande. Cela a aussi pas d'alignement.

L'image ci-dessus, bien que 1200px de large, ne doit pas déborder de la zone de contenu. Il doit rester contenu sans perturbation visible du flux de contenu.

Et maintenant, nous allons déplacer les choses vers le aligner à droite. De nouveau, il doit y avoir de la place au dessus, au dessous de, et à gauche de l'image. Regarde-le juste là… salut mec! Façon de basculer ce côté droit. Je me fiche de ce que dit l'image alignée à gauche, ça te va bien. Ne laissez personne d'autre vous dire le contraire.

Juste un peu ici, vous devriez voir le texte commencer à s'enrouler sous l'image alignée à droite et s'installer bien. Il devrait encore y avoir beaucoup de place et tout devrait être bien assis. Ouais… Juste comme ça. Ça n'a jamais été aussi bon d'avoir raison.

Images avec légendes

Et juste au moment où vous pensiez que nous avions fini, on va les refaire avec des légendes!

Regardez 580×300 en obtenir légende amour.

L'image ci-dessus se trouve êtrecentré. La légende contient également un lien, juste pour voir si ça fait quelque chose de génial.

Petite légende.

Le reste de ce paragraphe est rempli pour voir le texte s'enrouler autour des 150×150 image, lequel est aligné à gauche. 

Comme vous pouvez le voir, il devrait y avoir un espace au-dessus, au dessous de, et à droite de l'image. Le texte ne doit pas ramper sur l'image. ramper n'est tout simplement pas bien. Les images ont aussi besoin d'espace pour respirer. Laisse-les parler comme tes mots. Laissez-les faire leur travail sans aucun problème avec le texte. Dans environ une phrase de plus ici, nous verrons que le texte se déplace de la droite de l'image vers le bas sous l'image en transition transparente. De nouveau, laisser faire c'est chose. Mission accomplie!

Et c'est un enveloppement, je! Tu as survécu aux eaux tumultueuses de l'alignement. Réalisation d'alignement d'image déverrouillée!