[CSS] 버튼(button) - 버튼 2개 나란히 가운데 정렬하기

 

‖ 버튼 2개 나란히 가운데 정렬하기 ‖

 

1. <div>로 정렬 할 버튼을 감싼다.

2. <div>에 text-align: center로 중앙정렬 한다.

3. 버튼에 inline-block 속성을 준다. 

 

html

<div class="find-btn">
    <button type="button" class="btn btn-navy navbar-btn find-btn1" onclick="location.href='/login'">로그인</button>
    <button type="button" class="btn btn-grey navbar-btn find-btn1" onclick="location.href='/findIdPw'">비밀번호 재설정</button>
</div>

 

css

.find-btn{
	text-align: center;
}
.find-btn1{
	display :inline-block;
}

 

결과