.mypost-button > button {
    margin-right: 10px;
}
...
<div class="mypost-button">
    <button type="button" class="btn btn-dark">기록하기</button>
    <button type="button" class="btn btn-outline-dark">닫기</button>
</div>

(제목 짓기가 애매해서..)

1주차 13번째 강의 내용입니다.

.mypost-button > button 을 했을 때 class 내에 button이 2개가 있는데

둘 다에게 margin-right 10px이 적용되는 건가요?

위 그림처럼 적용된다면 두 버튼은 정중앙이 아니라 약간 왼쪽으로 이동하게 되는 건가요?

.btn btn-dark {
    margin-right: 10px;
}

위처럼 "기록하기" 버튼에만 margin을 할당했더니 다시 붙어버렸습니다