<div class="buttons">
        <button type="button" class="btn btn-dark">저장</button>
   </div>
<div class="">
        <button type="button" class="btn btn-info">Info</button>
 </div>

위 방법으로 진행하면 div를 너무 많이 사용하는것 같아 최대한 스타일로 해보려고 합니다.

아래 방법은 왜 안되나요?

<style>

.buttons > .btn btn-dark

{margin left: 10px;}

아래와 같이 진행하면 박스가 깨지면서 원하는데로 진행이 됩니다.

이건 왜 되나요?

.buttons > .btnbtn-dark

{margin left:10px;}