Text around images

Hey icarogioiosi,

Thank you for the inquiry.

You have to set the float property of the image to right or left. This will allow the surrounding text to flow around the image.

Example:

HTML:

<img src="test.jpg" class="av-float-right" />Long text here..

CSS:

.av-float-right {
   float: right;
   margin: 10px;
   max-width: 242px; 
}

Let us know the result.

Best regards,
Ismael

Hi,

Is there a way to enlarge the image to its original size by clicking on it?

Do you mean to open the image in a lightbox?
Try this:

<a class="av-float-right" href="/test.jpg" data-rel="lightbox">
<img class="av-float-right lightbox-added" src="/test.jpg" alt="Description" />
</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget pulvinar libero. Aliquam fringilla, sapien ut viverra pharetra, augue mauris tincidunt mauris, et semper ipsum quam sit amet leo. Cras commodo non nisl eget eleifend. In hac habitasse platea dictumst. Nullam bibendum diam eu venenatis iaculis. Integer at mi libero. Ut quis purus non urna pharetra consequat semper vitae purus. Morbi ultrices interdum mauris, quis posuere dolor aliquam ut. Duis turpis erat, suscipit et ex vel, commodo volutpat risus. Suspendisse sit amet laoreet lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Change the test.jpg to suit and use the same css:

.av-float-right {
   float: right;
   margin: 10px;
   max-width: 242px; 
}

result:

and after click of the image it opens in a lightbox:

Best regards,
Mike