2个div没有换行！！如何让其中一个刚好在另一个的正下方？

*{margin:0;padding: 0} .fn-clear{overflow:auto;_height:1%} .fn-left{float:left} .fn-right{float:left} .vm{vertical-align: middle} .ml5{margin-left: 5px} .dib { display: inline-block; } .ui-loadingNum { background: #d2d0d1; height: 13px; padding: 2px; width: 123px; } .ui-loadingNum_bar { background: #ff9c0d; height: 13px; vertical-align: middle; } #div1{margin: 100px}
投资进度：
        <div class="fn-left vm">
            <div class=" ui-loadingNum dib vm">
                <div style="width: 80%;" class="ui-loadingNum_bar"></div>
            </div>
        </div>
        <div class="fn-left ml5"> 80%</div>
    </div>
</div>