버튼 그룹 가운데 맞추기

Question

MTML 페이지 맨 아래에 3 개의 버튼을 집중 시키려고하고 있는데, 무엇을 시도해도 상관없이 중심에 배치 할 수 없습니다. 마지막 시도는 다음과 같습니다. 어떤 도움을 주셔서 감사합니다!

HTML 코드 :

<div style="margin-left: auto;margin-right: auto"> 
<div class="btn-group"> 
    <a href="#" class="button">Top</a> 
    <a href="page2.htm" class="button">Page Two</a> 
    <a href="page3.htm" class="button">Page Three</a> 
</div> 
</div> 

CSS 코드 :

.btn-group .button { 
    background-color: #4CAF50; /* Green */ 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 

    font-size: 16px; 
    cursor: pointer; 
} 

Answer 1

당신은 센터가 부모 div의

text-align: center; 

에 정렬 적용되는 다음과 바이올린에 내 대답을 확인해야합니다 : https://jsfiddle.net/9bm1n9vb/

그냥 인라인 CSS를 피하기 위해 새 CSS 클래스를 만들었습니다.)