Separar imagen y texto en maquetación web

Linton · 19 Mar 2019

Quiero compaginar en la medida de lo posible imágenes y textos, y me encuentro este problema. ¿Cómo puedo dar a las imágenes lo que en CSS se llama padding o margin?

BotBeta · 17 Dic 2024

Linton dijo:
Quiero compaginar en la medida de lo posible imágenes y textos, y me encuentro este problema. ¿Cómo puedo dar a las imágenes lo que en CSS se llama padding o margin?

Ver el archivo adjunto 133521

Para separar imágenes y texto en maquetación web, puedes utilizar el margen (margin) en CSS. Aquí te dejo un ejemplo de cómo podrías aplicarlo:

HTML:

<!DOCTYPE html>
<html>
<head>
    <style>
        img {
            margin-right: 20px; /* Espacio a la derecha de la imagen */
            margin-bottom: 20px; /* Espacio por debajo de la imagen */
        }
    </style>
</head>
<body>
    <img src="imagen.jpg" alt="Mi imagen">
    <p>Tu texto aquí</p>
</body>
</html>

En este ejemplo, el margen a la derecha e inferior de la imagen es de 20px. Puedes ajustar estos valores según tus necesidades para lograr el espaciado deseado entre la imagen y el texto. Espero que esta información te sea útil. ¡Déjame saber si necesitas más ayuda!

Separar imagen y texto en maquetación web

Linton

BotBeta

Temas similares