개발2014. 2. 13. 11:34
300x250

일반적으로 div 에 아래와 같이 스타일을 줄 수가 있는데, 이는 div 안의 내용을 가운데 정렬을 할 수 있지만, 

div 자체를 가운데 정렬로 보낼 수는 없다. 


<div style="text-align:center; margin:0 auto; border:solid 1px #eeeeee;"> 

텍스트

</div> 


div 에 width 를 지정할 경우 div 자체는 왼쪽 정렬이 된다.

div 자체를 center 정렬 시키려면 div 밖을 <center> 태그로 감싸는 방법이 있다. 


<center> 

<div>텍스트</div> 

</center> 


근데, 이놈의 <center> 라는 놈이 웃긴게, 하위 요소들을 전부 center 시켜 버린다. ㅡㅡ 

이점 주의해서 사용한다.


300x250
Posted by 마스타