【CSS】をfloat:leftした下のタグのmargin-topが効かない

【サンプル】
◆CSS
li{float:left;} 
div{margin-top:10px;}　←効かない
◆HTML
<ul>
<li>test1</li>
<li>test2</li>
</ul>
<div>test3<div>

【解決】
ul{display:inline-block;}