Выравнивание трех изображений по центру

AvantGarde сказал(а):

один слева, а два рядом с ним справа (сверху и снизу)

Нажмите, чтобы раскрыть...

И тут я понял что ничего не понял и сломался мозг.
Отобрази схематически, что тебе надо

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

Ой, сорри, не загрузилась картинка изначально, не видел.

Если размеры картинок известны, то как-то так

Сделал, как Вы сказали, эффект тот же. Движок "вордпресс" , может быть еще из-за этого?



<div style="margin: 0 auto;">

<img style="display: inline; float: left;" src="http://jwinters.ru/wp-content/media/tutorial59_Photoshop_drawing_jewelry/p1_.jpg" width="260" height="258" />

<img style="display: inline; float: left;" src="http://jwinters.ru/wp-content/media/tutorial59_Photoshop_drawing_jewelry/p3_.jpg" width="79" height="79" />

<img style="display: inline; float: left;" src="http://jwinters.ru/wp-content/media/tutorial59_Photoshop_drawing_jewelry/p2_.jpg" width="158" height="158" />

</div>
<br clear="all"/>
Изображения не по центру. А третий рисунок не под маленьким рисунком. Есть еще предположения, что влияет свойство "display" , поэтому и добавил, но все точно также отображается.

Я же сказал, что если известны размеры.
Для оборачивающего дива надо выставлять ширину.

Известны размеры <div> ? Какую ширину можно установить, гибкую как-нибудь можно?

"Гибкую" нельзя. Она должна меньше суммы трёх картинок, но больше суммы двух картинок.

в песочнице места мало...тык, а вот в самом вордпрессе -как-то так

Спасибо за помощь, теперь все отображается как нужно.
http://jwinters.ru/photoshop-cs/kak-narisovat-almaz/