[Résolu] Remonter l'image à gauche (ou droite) du bloc texte

<div class="item-content">
	<div class="page-header"></div>			
    	<ul class="tags list-inline">...</ul>		
	Falling Fruit est une carte en ligne qui référence tous les endroits dans le monde où vous pouvez trouver des plantes comestibles sur le domaine public, à savoir principalement des arbres fruitiers. Pommiers, cerisiers, noyers, poiriers…etc., y’a de quoi vous nourrir.. C’est en quantifiant cette...		  		
	<span class="acfup-item"><img ....></span>		
</div>

Bongota a écrit :
Pour positionner des images qui soient habillées par le texte, au dessus, au dessous ou autour, il faut les sortir du flux de la page.
Ça se réalise avec float:left; (ou right). Autour de l'image, c'est encore plus beau, si le texte est plus haut que l'image.
http://css.mammouthland.net/positionner-image-float-html-css.php
Un peu plus poussé, autour d'un cercle : https://www.youtube.com/watch?v=BgWs-EZvYCM

.acfup-item img{ /* EN TEST */ 
float:right;
}

<?php if (stripos($this->item->introtext, 'iframe') !== false) { // bloc texte
		echo $this->item->introtext; }
	     else {echo JHTML::_('string.truncate',  strip_tags($this->item->introtext, ['br','img','iframe','b','strong']), 300, true, true) ;} ?>
 
	<?php if (!empty($this->item->jcfields[101]->value)): ; ?>
  		<?php  echo $this->item->jcfields[101]->value ;/* IMG Ress - Doc. Site Web */ ?>
	<?php endif; ?>

div.com-content-category-blog__item span.acfup-item{	
	height: 280px!important;
	width: 50%;	
	object-fit: contain;	
	vertical-align: top;
	float:right;
	margin:8px;
}

div.com-content-category-blog__item span.acfup-item{	
	width: 50%;	
	float:right;
	margin:8px;
}
div.com-content-category-blog__item span.acfup-item img{	
	height: 280px!important;
	object-fit: contain;	
	vertical-align: top;
}
div.com-content-category-blog__item span.acfup-item object{	
	height: 280px!important;
	object-fit: contain;	
	vertical-align: top;
}