Alignement d'une image à droite ou gauche

Bonjour
je reprends un code qui fonctionne sur un autre site mais le html est différent.
Le résultat est que l'image se trouve bien réduite à 50% mais toujours en dessous du texte
Il me semble que le code css est correct? autre problème ?

.article-details p img {
   float: left;
    margin-right: 1em;
    max-width: 50%;
}

<div class="article-details " itemscope="" itemtype="https://schema.org/Article">
	<meta itemprop="inLanguage" content="fr-FR">
	<div class="article-header-wrap">	
		<div class="article-header">
			<h1 itemprop="headline">Droit</h1>
		</div>
	</div>		
		
	<div class="article-can-edit d-flex flex-wrap justify-content-between"></div>			

	<div itemprop="articleBody">
		....
<p><img src="/images/xxx" loading="lazy" width="1024" height="682" data-path="local-images:/yyy" style="display: block; margin-left: auto; margin-right: auto;"></p> 	</div>

				</div>

Modifié par HDcms (16 Sep 2025 - 12:08)

Tu as des styles aussi dans le HTML, dans la balise <img>. Ils contredisent ceux de la feuille de styles. Essaies déjà de les supprimer.

Bonjour, il est dans quelle balise le texte?
Comme tu utilises float pour ton image, place le texte dans le même paragraphe que ton image, ainsi l'image flottera à gauche du texte.
Si le texte est dans une autre balise, il faut utiliser une autre technique de positionnement.

Bonjour
@Alainpre
J'ai supprimé tout le style dans la balise , l'image est toujours en bas

@casper2
Effectivement mais comme le html est généré par le cms. Je ne peux pas mettre l'image dans le paragraphe.
Je veux bien l'autre techniquement de positionnement où l'image est dans un autre paragraphe que le texte

HDcms a écrit :
mais toujours en dessous du texte

De quel texte parles-tu ? Peux-tu donner un peu plus de contexte ?
Si le texte se trouve dans le paragraphe qui contient l'image, ce texte est-il avant ou après l'image dans le code ?