float:left의 활용

flex를 쓰면서 잘 쓰지 않게된 float:left

어떨 때 활용할까?

어떤 요소에 영향받지 않게 하기 위해 쓸 수 있다.
다음의 예시를 보자.

HTML

<p>
  <strong>보통 스크롤 영역</strong> Lorem ipsum dolor sit amet,
          consectetur adipisicing elit. Quo rem maxime, est animi rerum placeat
          dolor minus, aspernatur sequi corp..
</p>

잡지 글처럼 Lorem~으로 시작하는 줄글이 '보통 스크롤 영역'과 상단 시작점이 같아지도록 하고 싶다.

그렇다면 다음과 같이 쓸 수 있다.

Strong태그 요소에

float:left

의 속성을 주면 아래처럼 strong요소가 왼쪽에 플로팅 되면서 보기 좋은 줄글을 만들 수 있다.