그럼 수직 여백인지 좌우 여백인지 구별은 못하는 건가요?

만약 좌우여백으로 주고싶으면 0 1rem 0 이렇게 써야하는건가요?

margin: 1rem 0;은 수직 여백에만 적용되며, 좌우 여백에는 영향을 미치지 않습니다. 이것은 "시계방향" 순서로, 첫 번째 값이 위쪽(top) 여백을 나타내고 두 번째 값이 오른쪽(right) 여백을 나타냅니다. 세 번째 값이 아래쪽(bottom) 여백이고, 네 번째 값이 왼쪽(left) 여백입니다. 만약 좌우 여백에도 1rem을 주고 싶다면 margin: 0 1rem;으로 작성하면 됩니다. 또는 margin: 0 1rem 0 1rem;과 같이 세부적으로 모든 방향에 값을 지정할 수 있습니다. 하지만 이 경우에는 단축 속성을 사용하지 않는 것이 더 깔끔하며, margin: 1rem;으로 쓰는 것이 좋습니다.