Вы можете либо float: left , либо сделать div вокруг текста, который вы дадите display: inline-block .

Сделайте два div. Левый, содержащий изображение с float: left , а другой - с помощью float: right . При этом у вас будет две «колонки» рядом друг с другом.

Но в основном есть бесконечные решения для этого ....

Я думаю, что это будет что-то вроде этого jsFiddle:

http://jsfiddle.net/cFqDX/

    
        

            
Some title
            
            

                Putting a lot of text here.
                Putting a lot of text here.
                Putting a lot of text here.
                Putting a lot of text here.Putting a lot of text here.
                Putting a lot of text here.
                Putting a lot of text here.
                Putting a lot of text here.
                Putting a lot of text here.
            
        
    

И для css.

.mainbody
{
    background-color:gray;
    width:800px;
    height:300px;
}

.leftimage
{
    margin:10px;
    float:left;
}

This gives me the following image:

Я сделал jsfiddle здесь, который, как я ожидал, будет очень хорошо работать в браузерах и довольно прост в обслуживании.