웹사이트 제작 완전초보입니다. 도와주세요..

Question

Img를 text-align: center; 를 적용하면  가운데 정렬이 되어야하는 것 아닌가요??

Div 태그에 “container”라는 클래스를 지정해서 
Css에서 .container {} 와 .container img{} 를 작성한 것이 틀렸나요?

가운데 정렬이 안되는 이유를 모르겠습니다..🤔

이상선 · Answer

안 되는 게 맞아요

이승환(Ethan) · Answer

저는 위에 말씀해주신 코드만으로는 동작이 안된다고 했을 때 어떤 문제점인지 파악이 어렵네요.

제 생각에는 text-align은 내부 인라인 요소를 정렬하는 속성으로 기본적으로 인라인 요소인 img 태그가 정렬이 될 것 같습니다만, 정렬이 안된다면 다른 부모 요소나 다른 외부 스타일 요소에 영향을 받아서이지 않을까 싶습니다. 개발자 도구를 사용해서 DOM과 실제 적용된 스타일을 확인해보시면서 원인을 찾아보면 좋을 것 같습니다.

프레드윰 · Answer

그 엘리먼트 보니까 body 안에다가 내용을 넣아야되요 지금 head 태그 내부에 주셨네요 ㅋㅋ
그리고 link 태그는 상위로 주셔야하구요 이미지관련 div 태그가 link 태그보다 더 위에 있어요 밑으로 내리던가 하세요

뚝딱이 · Answer

display: block
margin-left: auto
margin-right: auto
해보셈요
link태그를 title태그 위로
div태그를 body 안으로

이승렬 · Answer

.