3-4. 박스의 플로팅
■ 박스의 플로팅
클래스 .float-start와 .float-end는 각각 요소를 좌측과 우측에 플로팅하는 데 사용합니다.
그리고 플로팅을 해제하는 데에는 클래스 .clearfix를 사용합니다.
<div class="container mt-3">
<h3>박스의 플로팅</h3>
<div>
<span class="float-start border p-2">안녕하세요</span>
<span class="float-end border p-2">안녕하세요</span>
</div>
<div>
<span class="float-start border p-2">반갑습니다</span>
<span class="float-end border p-2">반갑습니다</span>
</div>
<div class="clearfix"></div>
<div>
<span class="float-start border border-danger p-2">안녕하세요</span>
<span class="float-end border border-danger p-2">안녕하세요</span>
</div>
</div>
ex3-8.html의 실행 결과
