[CSS] Inline-block

inline-block

CSS요소를 작성하다가 다른 요소들이 자리를 안비켜준다?
너비나 높이가 적용되지 않는다?

-> 요소가 인라인인지 확인해보고, inline-block으로 바꿔서 해보기

인라인처럼 배치되지만 블록처럼 크기를 가지고 싶을 때 사용하는 display속성

display: inline-block;

float

float이라는 속성을 사용하면 요소가 배치되는 방식에서 벗어나서 블록 왼쪽이나 오른쪽으로 배치할 수 있음

.figure {
  width: 280px;
  float: right;
  margin-left: 10px;
}
```![](https://velog.velcdn.com/images/1208jw/post/3ed0a699-68d2-4fb2-8208-8f0acc20cac5/image.png)