margin auto2 HTML/CSS] 가로 가운데 정렬 가로 가운데 정렬 1. inline / inline-block 요소 가운데 정렬 : 부모태그에 text-align: center를 써주면 됩니다. block레벨은 한 줄을 다 차지하기떄문에 tex-align 그냥 써주면 됩니다:) 텍스트이지롱~ .container{ background-color: aquamarine; text-align: center; } 2. block 요소 가운데 정렬 width가 100% 일때는 당연히 가운데 정렬이 되겠죠? 근데 100%가 아닐땐 어떻게 해야할까요? margin-left: auto; margin-right: auto; 를 주면 됩니다. .container{ background-color: aquamarine; height: 100px; width: 200px; }.. 2021. 7. 14. HTML/CSS] 이미지(img) 가운데 정렬 이미지(img) 가운데 정렬 ① text-align ②margin auto ③vertical-align 웹페이지를 만들다보면 이미지(img)를 가운데 정렬하고 싶을 때가 있습니다. 이미지를 가운데 정렬하는 방법은 많은데요. 저는 이번에 ① text-align과 ②vertical-align으로 가운데 정렬을 해보겠습니다. ① text-align img는 텍스트처럼 다뤄지기 때문에 text-align으로 조절이 가능합니다. 태그의 부모태그인 태그에 text-align:center를 적용하면 이미지를 가운데 정렬할 수 있습니다. img{ height: 150px; } div{ text-align: center; } ㄱ ②margin left/right: auto 제가 정말 많이 쓰는 방법인데요 ㅎㅎ 그냥 im.. 2021. 7. 7. 이전 1 다음
