how to wrap a 
```
div
```
 inside a text?

goal is to look like this..

```

text|text|text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|
         |text|text|text|text|text|text|text|
         |text|text|text|text|text|text|text|
         |text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|
text|text|text|text|text|text|text|text|text|

```

1. div is before text
2. text is paragraph
3. that is `<div></div><p></p>`

I have tried floating div and add margin-top but text does not wrap on top of div.
I have tried position:relative and position:absolute are overlapping (not text wrapping).

Thanks