wrapped text

text should start left and wrap arround div...

HTML

<div id="my1">
    <div id="wrap">wrapped text</div>
    <p>some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some</p>
</div>

CSS

#wrap {
    float:left;
    width:100px;
    background:grey;
    word-wrap:break-word;
    margin-left:100px;
    height:100%;
    ms-wrap-flow: both;
}
#my1 {
    width:300px;
    background:red;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    height:150px;
}
#my1 p {
}