Margen exterior

Con la propiedad margin podemos definir el ancho del margen externo.

p {
    margin: 20px;
}

Los valores que permiten son:

Variantes

Existen cuatro variantes de la propiedad:

p {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 30px;
    margin-left: 40px;
}

La propiedad margin tiene diferentes comportamientos según los valores que le indiquemos:

Con 1 valor: se aplica a los cuatro lados.
Con 2 valores: el primero se aplica a superior e inferior y, el segundo, a los lados izquierdo y derecho.
Con 3 valores: se aplica el primero, al superior; el segundo, a los laterales; y el tercero al inferior.
Con 4 valores: se aplica a superior, derecho, inferior, izquierdo.

.e1 { 
    margin: 10px;
    /* 
        Todos los lados: 10px
    */
}

.e2 { 
    margin: 10px 20px;
    /*
        Arriba/abajo: 10px
        Izquierda/derecha: 20px
    */
}

.e3 { 
    margin: 10px 20px 30px;
    /*
        Arriba: 10px
        Izquierda/derecha: 20px
        Abajo: 30px
    */
}

.e4 { 
    margin: 10px 20px 30px 40px; 
    /*
        Arriba: 10px
        Derecha: 20px
        Abajo: 30px
        Izquierda: 40px
    */
}

También es posible fijar el valor de cada una de los cuatro valores independientemente con la propiedad correspondiente.