[html]가운데 정렬하는 방법

allnight5·2023년 3월 3일
0

웹(HTML)

목록 보기
7/8

링크

수평정렬

1. center

<center>
  <div style="width:70%; border: 1px solid #6416ae; text-align:left;">
    <p> center를 이용한 가운데 정렬</p>
  </div>  
</center>

center는 안의 내용들도 같이 중앙정렬 시킨다.

text-align:left

text-align:left 제거

2. margin

  <div style="width:60%; margin: 0 auto;border: 1px solid #6416ae;">
    <p> margin을 이용한 가운데 정렬</p>
  </div>  

profile
공부기록하기

0개의 댓글