Article inside gauche

Mon premier article.

Je suis un article rédigé sur la partie gauche de la zone.

L'image de fond passe derrière moi et prend toute la largeur de la zone. Je m'incruste donc à l'intérieur de celle-ci.

Article inside droite

Autre exemple

Cette fois, je suis un article dont le contenu se trouve à droite.

Je dispose de la même structure HTML que l'article précédent. Seul une classe CSS permet d'agencer l'article.

Article outside gauche

Nouvel exemple

Le contenu de mon article revient à nouveau à droite. Toutefois, l'image qui le compose n'est plus recouverte par celui-ci mais disposée à gauche.

La structure HTML est encore fois identiques aux articles ci-dessus. C'est à nouveau une classe qui permet de modifier la disposition de l'image et du contenu.

Article outside droite

Dernier exemple

Comme l'article précédent, le contenu de mon article ne recouvre plus l'image (ou très peu), et mon contenu se trouve à droite.

Encore une fois, la structure HTML est identique aux articles ci-dessus.