Generador de Espaciado - Genera código CSS para margin y padding

Generador de Espaciado (Margin/Padding)

Genera código CSS para margin y padding de forma visual. Ajusta los valores y copia el código generado.

* Ideal para desarrollo web, diseños responsivos y maquetación

Control de espaciado

Tamaño base (px):

16px

Unidad:

Vista previa

Elemento de prueba

Este elemento muestra el espaciado aplicado

Configurar espaciado

Top: 0

Bottom: 0

Left: 0

Right: 0

Top: 20

Bottom: 20

Left: 20

Right: 20

Código CSS generado

Margin:

margin: 0px;

Padding:

padding: 20px;

Clase CSS completa:

                                    .elemento {
    margin: 0px;
    padding: 20px;
}
                                

Ejemplos rápidos

No hay espaciados guardados

Herramientas de hardware