block vs inline

HTML 태그 중 a, span, img 등은 inline 요소이다.

CSS를 통해 block<->inline 변경이 가능하다.

inline 성질을 갖게 하는 CSS property는 display와 float

.inline-p {
  display: inline-block;}
  
.float-left {
  float: left;}
  
.float-right {
  float: right;}

반대의 경우(inline -> block)도 가능

.block-span {
  display: block;}