I have the following HTML:

```
<div style="position:absolute;width:300px;background:yellow">
    <div style="position:relative;height:20px;width:150px;left:0;
                                                 background:red;overflow:visible">
       this text should overflow into the parent div!
    </div>
</div>

```

I want the text to overflow to right side into parent div but it wraps to the next line in the child div. How can this be done?