如何在CSS中放置div並強制文本環繞

我閱讀了以前的文章，並從絕對位置更改了我的CSS以便讓文本環繞。如何在CSS中放置div並強制文本環繞

我希望這個div位於右下角，並讓文本在其中移動。

但是，目前的文本是迫使股票下跌。

任何人有任何想法如何解決這個問題？

HTML：

<div id="top-image"> 
     image 
    </div> 

    <p>dummy text dummy text dummy text dummy text dummy text dummy text 
dummy text dummy text dummy text dummy text dummy text dummy text dummy text 
dummy text dummy text dummy text dummy text dummy text dummy text dummy text 
dummy text dummy text dummy text dummy text dummy text dummy text dummy text 
dummy text  <br><br> 

dummy text dummy text dummy text dummy text dummy text dummy text dummy 
text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
text dummy text dummy text dummy text dummy text dummy text dummy text dummy 
text<p> 


<div id="bottom-image"> 
    image 
</div>

CSS：

#bottom{ 
float:left; 
height:215px; 
width:100%; 
margin-top:10px; 
margin-bottom:10px; 
} 

#top-image{ 
    background-color:#999; 
    float:left; 
    width:140px; 
    height:110px; 
    margin-right:10px; 
    margin-bottom:10px; 
    } 

#bottom-image{ 
    background-color:#999; 
    float:right; 
    width:140px; 
    height:110px; 
    margin-left:10px; 
    }

這是它看起來像此刻： screenshot