* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

1-16 강의

7분 15초 부분부터 해설해 주시는 내용에 대한 질문입니다.

에러가 난 것은 아니고, 코드의 원리가 조금 이해되지 않아 질문드립니다.

화면상 붙어 있는 2개 버튼에 거리를 주기 위해 버튼에 margin-right: 10px을 주는 장면인데요,

오른쪽 마진을 주었기 때문에 2개 버튼 중, 왼쪽에 있는 버튼에만 적용하면 될 것 같은데,

강의에서는 2개 버튼 모두가 적용되었다고 말씀 하신 것 같아서요.

실험 삼아 left로 넣어봤는데, 조금 화면에서 위치가 달라지던데, 원리가 헷갈려서 질문드립니다.

질문.

1. 왼쪽에 있는 버튼에만 오른쪽 마진 10px을 주는 식으로는 어떻게 하나요?
2. 강의에서 하는 대로 한다면, 눈에 보이지는 않아도 오른쪽 버튼에도 10px의 마진이 적용된 것인가요?

사소한 질문일 수 있겠으나, 한 번 알려주시면 감사하겠습니다~

작성한 코드 및 에러 메세지

#헤드 스타일 부분
        .mybtn > button {
             margin-right: 10px;
        }

#바디 부분
     <div class="mybtn">
            <button type="button" class="btn btn-dark">기록하기</button>
            <button type="button" class="btn btn-outline-dark">닫기</button>
        </div>