float 레이아웃으로 띄우고 난 후 마진 적용 안됨

float 연습문제 블로그 만들기 중

위쪽 썸네일 만들기까지 다하고 

아래 본문 부분 구현까지 했는데  

간격을 좀 띄우고 싶어서 마진을 적용했는데요~~~

아무리 크게 해도 바뀌질 않습니다. 

혹시나 패딩값을 바꾸니 조정이 되기는 하는데

마진을 써도 안먹는 이유가 무었인가요?/

강의 잘 듣고 있습니다. 꾸벅

<div class="container" style="width: 100%">
<div
class="left"
style="width: 70%; float: left; background-color: grey; height: 800px"
>
<div class="thumb">
<div class="thumb-img" style="width: 20%; float: left">
<img
src="./탁상용계산기8.jpg"
alt=""
style="width: 100%"
/>
</div>
<div
class="thumb-text"
style="width: 70%; float: left; margin-left: 3px; padding: 5px"
>
<div>신상계산기</div>
<div>싸게 팝니다.</div>
</div>
</div>

<strong><div class="text" style="clear : both; margin-top: 100px ;""></strong>
<h4 style="text-align: center">4k 빔프로젝터 가성비 최강으로 선택</h4>
<p style="padding: 5px">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident
ratione rerum quia nisi ducimus tenetur cumque, numquam eligendi,
possimus pariatur laudantium ab eaque a, harum beatae doloribus
dolorum aut repellendus?
</p>
</div>
</div>
<div class="right" style="width: 30%; float: left; height: 300px">
<img
src="/css_apple/탁상용계산기8.jpg"
alt=""
style="width: 100%"
/>
</div>
</div>