Problemas con el código de margin en HTML

porque un codigo no me funciona bien, hablo de este: segun yo el primer valor es top, el segundo bottom, el tercero left y el cuarto right, pero por ejemplo si quiero separar algo de abajo hacia arriba no me funciona poniendo numero en la segunda posicion, lo que tengo que hacer es poner un numero negativo en la primera posicion, por ejemplo que lo quiero separar 20px de abajo haria arriba haria esto: Pero eso no me funciona, tengo que hacer esto:
Igual me pasa con izquierda y derecha, solo me funciona poniendo numeros positiovos o negativos en la ultima posicion del codigo, soy yo o es el codigo, que tengo mal 😕

Como va !
Intenta jugar con esto puede que encuentres el modo de hacerlo
CSS Margin
Tryit Editor v1.9

Asi es , el primero es arriba luego , derecha , abajo y izquierda.

Quizas si le agregas px a todos los valores.