Расположить два дива на одном уровне

[Tarasenko]

Доброй ночи. Скажите как расположить два дива на одном уровне ?! 
Вот css как 

.product-gallery { text-align: right; margin-right: 10px; max-width: 750px; } /* Это первый  */

.more-images { display: block; margin: 0 auto; float: left; } /* Это второй */

но в класса more-images в html id product-gallery как ниже.

<div class="more-images" id="product-gallery" >
Получается такая картина 1 див с права из за

text-align: right;

, а второй ниже его с лева из за

float: left;
Нужно чтобы они рядом были на одном уровне. Что я делаю не так ?!

[Tarasenko]

http://fvsport.com/legginsy-pursuit--chernyy-1-1/

То что я написал будет явно мало проблема в том что 1 див связан со вторым нижним. 

Получается ставишь ширину 1 диву она трогает второй див, а нужно чтобы они стали друг возле друга.

Как быть то ?

[Tarasenko]

Проблему решил. Тема закрыта.