Web/WEB기본

[CSS] <img> 중앙정렬하기

saltdoll 2016. 4. 5. 00:36
반응형

이미지를 중앙에 정렬하려고 할때,

방법 1) 이미지 자체에 주기

style="padding: 0.5em; width:80%; max-width:1010px; 
display: block; margin-left:auto; margin-right:auto;"

 

 

 

방법 2) <p>로 감싸서 주기

<p style="text-align: center;"><img></p>  

 

또는, <div>에 감싸주기

<div style="text-align: center"><img></div>  

 

중앙에 정렬이 됩니다.

 

 

 

 

참고: [html/css] 이미지를 넣는 img 태그(css로 이미지 중앙 정렬 방법)

반응형