Centrer un texte à côté (à gauche) d'une image

Résolu/Fermé
philippef - 15 sept. 2020 à 15:00
 philippef - 20 sept. 2020 à 09:30
Bonjour,

j'ai beau tester tout ce que je trouve sur le net je n'y arrive pas
je veux que le texte à gauche de mon image soit au centre de la div.
<div style="width:30%; margin-left:auto; margin-right:auto; background-color:#FFFFFF; ">
 
	<span style="vertical-align:middle;">... et soudain</span>
	
	<img style="width:55%; " src="images/rencontres/2020/covid-19.jpg" alt="" /><br />

</div>

merci d'avance

2 réponses

Salut,
faites une recherche "positionnement en CSS", il y a beaucoup de façons de faire différentes.

Cela dépends des cas et des préférences/habitudes de chacun.

Comme votre image fait plus de la moitié du div il faudra que le texte se superpose à l'image je suppose. Vu qu'il est écrit avant l'image par défaut celle ci la recouvrera(une fois le positionnement horizontal/vertical effectué bien sûr) donc le texte doit être mis en second(aprés l'image) ou alors il faut utiliser la propriété "z-index"

Je vous conseille de prendre l'habitude de séparer le CSS du HTML dans la balise style de la page ou mieux dans un fichier externe(avec des class et id quand nécessaire). C'est beaucoup plus clair et pratique sur bien des aspects comme le fait de pouvoir réutiliser les règles CSS dans n'importe quelle autre page sans avoir à les écrire plusieurs fois.

quelques pistes: https://www.w3schools.com/cssref/pr_class_position.asp
0
Bonjour et merci pour la réponse.
je pense m'en sortir avec le lien indiqué.
pour le css, pas de soucis je le place dans un fichier css quand ce que je veux faire est ok.
0