html 이미지(사진), 중앙 정렬하는 방법 2가지

바로 알아 보도록 합시다.

첫번째 방법은

img 태그를 div 태그로 감싸고

<style>에 img 태그에 상위에 있는 div 클래스에 

text - align : center; 라고 입력해주시면 중앙 정렬이 됩니다.

 

두번째 방법은

<style>에 

display: block;

margin-left: auto;

margin-right: auto; 라고 입력하시면 중앙 정렬이 됩니다.

 

 

오늘은 text-align:center와 display:block;     를 이용하여 이미지를 중간 정렬 하는것을 알아 보았습니다.

                                         margin-left: auto; 

                                         margin-right: auto;