Элементы справа изображения - HTML, CSS

Всем привет! Сделал следующую конструкцию:

<div class="col-lg-4 col-md-6 col-xs-8 thumb cursor">
        <a class="thumbnail cursor" href="#">
            <img style = "position:left; margin-right:50%;" class = "imgd" src="img/Lady in Red.jpg"/>
            <div class="wrapper cursor">
                <div class="caption post-content cursor">
                    <p class = "aria">Text1</p>
                    <p class = "fontd">Text2</p>
                    <button class = "buttonx">Посмотреть продукт</button>        
                </div>
            </div>
        </a>
    </div>

Нужно, чтобы кнопка (под классом buttonx, который отвечает только за стилистику кнопки) и два текста (классы тоже отвечают только за стили), которые находятся выше кнопки перенести правее изображения. Вот скриншот, красный цвет - изображение, которое должно быть левее этих трех элементов, а не ниже.