I have created a demo of my issue, I am trying to force text next to an image but when you shrink the browser window is knocks it down to underneath the image.

[Jsfiddle](http://jsfiddle.net/iamdanbarrett/88anzh58/)

I need a better approach to this.

```
.avatar_ad_bg_desktop{
    width: 100px;
    height: 100px;
    background-image: url('http://blogs.terrapinn.com/total-real-estate/files/2012/04/SAV_CMYK_LogocopyEng.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    float:left;
}

            <div style="background: red; height: auto; overflow:auto;">

                <div style="background: green;">title</div>
                <div style="background: blue;">Web address</div>

                <div style="float:left;">
                <div class="avatar_ad_bg_desktop">
                </div>

                <div style="float: left;  margin: 0 0px 0 10px; vertical-align:top; word-break: break-all;">Savills plc is a global real estate services provider listed on the London Stock Exchange</div>
            </div>

            </div>

```