[css] div 배치

CSS

margin: 0 auto;  => 크롬, 파폭에서는 가운데 정렬을 해줌, IE에선 안먹힘

body에다가 
    text-align: center;
태그를 먹이면 글자들만 가운데 정렬하는 것이 아니라, div들도 가운데정렬됨.
문자 가운데 정렬을 풀고 싶으면 각각의 div css에 text-align: left;를 다시 먹여줌

position: absolute                 position: relative


    float: left        float: right
float 태그는 div들을 일렬로 늘어놓을때 쓸만함. top, left 같은 걸로 위치 지정을 일일이 안해줘도 됨

    claer: left        clear: right     clear: both 
float을 해제하고 싶은 div 부터는 clear 태그를 먹인다.


    display: block        display: inline        display: inline-block    => 아직 잘 모르겠음.
inline시에는 width나 height가 안먹힘 ㅠㅠ

 

<div style='width:300;height:50;line-height:50;'>내용이 센타로 정렬 딱!</div>