안녕하세요,

1-11강 퀴즈 포스팅박스 만드는 것에서 마지막 부분 버튼 두 개 (기록하기/닫기)의 사이 간격을 띄우는 작업인데,

튜터님 하시는 것처럼 margin-right: 10 px; 해도 사이가 벌어지지 않아 문의 드려요

<div class="all">
    <button type="button" class="btn btn-dark">기록하기</button>
    <button type="button" class="btn btn-outline-dark">닫기</button>
</div>

all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin-top: 20px;

}

. all > button {
    margin-right:10px;


}

이렇게 했는데 아래와 같이 여전히 버튼 사이가 붙어있네요.. 뭐가 잘못된 걸까요?

그래서 그냥 제 식대로 아래와 같이 코드 넣어서 완성하긴 했는데.. 영상을 보고 똑같이 했는데 뭐가 문제일지 봐주시면 감사하겠습니다!

(아래는 20분 주어졌을 때 부트스트랩 활용하지 않고 기본 button 코드 이용해서 혼자 해본 것이라 영상에서 가이드 잡아주신 내용과는 조금 다르긴 합니다)