[CSS] Button, 버튼 중앙에 정렬하는 법 (margin: 0 auto; 적용)

버튼을 중앙에 두고 싶은데 잘 안된다? 간단한 거 같지만 이상하다. 3초 만에 알아보자!

1. 중앙 정렬, margin: 0 auto; 중앙에 정렬할 때 가장 많이 쓰이지만, "버튼"에 사용하면 꿈쩍도 하지 않는다?

2. 원인 display(태그 화면에 어떻게 보이는지)에는 'block', inline-block', 'inline' 세 가지 속성 값이 존재한다.

버튼의 기본 속성값은 'inline'이다. 'inline' 요소들은 'margin: 0 auto;'가 적용이 안된다.

그래서 버튼의 속성값을 'block'로 바꿔줘야 한다. 그 후 'margin: 0 auto;' 사용하면 된다. 3.

해결법 돌이켜보면 자잘 한 것인데, 이런 것들이 발목을 잡는다.... 속상해하지 말고 더 공부해서 앞으로 나아가보자....

요청 처리 중입니다...

[CSS] Button, 버튼 중앙에 정렬하는 법 (margin: 0 auto; 적용)

등록된 다른 글