Código HTML
<div> <figure class="flotad"> <img loading="lazy" class="image_expand" style="border-radius: 15px" onclick="openImage(this)" src="images/img1.jpg" width="90%"> <figcaption>Descripción de la figura</figcaption> </figure> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it</div>
Código CSS
.flotad { float: right; margin:auto; margin-left: 20px; /* Espacio entre imagen y texto */ margin-bottom: 8px; max-width: 50%; /* Tamaño máximo de la imagen */ }
RUN
IA
Vista Previa