인라인레벨 요소를 블록레벨 요소로 변경하기, 블록레벨 요소를 인라인레벨 요소로 변경하기, 블록 요소와 인라인 요소 padding 및 margin 주기

 

인라인레벨 요소를 블록레벨 요소로 변경하기

display:inline-block;

display:block;

 

 

 

블록레벨 요소를 인라인레벨 요소로 변경하기

display: inline;

 

 

 

블록 요소와 인라인 요소 padding 및 margin 주기

·       <span>요소등 인라인 요소는 padding-left 와 padding-right 같이 양 옆으로만 값이 실행됩니다.

·       padding-top, padding-bottom 에 값을 주기 위해서는 display:inline-block; 이나 display:block; 을 주어 인라인 레벨 요소를 블록화하여야 합니다.