margin:0 auto 를 이용해서 버튼을 가운데 정렬시키려 했다.
잘 되지 않아서 알아보니
버튼 속성은 inline-blobk이다.
margin:0 auto가 적용되는 건 block 속성이다.
그래서 display로 속성변경을 해 주면 된다.
반대로 text-align: center를 사용할 땐, inline-block으로 지정해 주면 되겠다.
반응형
'Web > CSS' 카테고리의 다른 글
[CSS] 일반적인 가운데 정렬 코드 (0) | 2016.09.15 |
---|---|
[CSS][Animation] transform: translate3d - GPU를 이용한 부드러운 움직임 구현 (0) | 2016.08.29 |
[CSS] float자식을 둔 부모 오브젝트의 Height에 대한 고찰.. (0) | 2016.08.20 |
[CSS][스크랩] 벤더 프리픽스 (0) | 2016.07.23 |
[CSS] transition을 이용해 간단한 효과주기. (1) | 2016.07.23 |