단추가 서로 쌓여 있습니까?

Question

두 개의 버튼이 있습니다. 하나는 상단에, 다른 하나는 버튼에 있습니다. 어떻게 보였는지 보았을 때 두 버튼이 서로의 안에 있었고, Cant가 찾은 것 같습니다. 문제지만, 여기에 내 코드가있다.

body { font-size: 16px; width: 600px; margin: 25px auto; } 

    button { 
    color:white; 
    display: inline; 
    margin: 30px; 
    padding: 7px 35px; 
    font: 300 150% langdon; 
    background: transparent; 
    border: 3px solid black; 
    cursor: pointer; 
} 

button:hover { 
    background: #f7f7f7; 
    border: 1px solid #8b8b8b; 
} 

button:active { 
    background: #2e2e2e; 
    border: 1px solid black; 
    color: white; 
    } 

Answer 1

CSS는 현재 버튼을 나란히 보여 this fiddle를 참조하십시오. 새 행의 다음 버튼을 원하면 display:block을 사용하십시오 (this fiddle 참조).