Выравнивание изображений внутри div

Question

Я пытаюсь разместить три изображения внутри div, но у меня возникают проблемы с их корректным выравниванием.Это то, что я имею в виду:

альтернативный текст http://img245.imageshack.us/img245/2016/divsf.jpg

Но я не могу понять, на мой взгляд, это.Кто-нибудь может помочь?Спасибо!

Answer 1

http://jsfiddle.net/tMxkX/2/

Answer 2

CSS

div#container {
    width:400px;
    height: 400px;
    padding:50px;
    background: red;
}
div.leftbox {
    float: left;
    width:175px;
    height: 175px;
    margin-bottom: 50px;
    background: blue;
}
div.rightbox {
    float: right;
    width: 175px;
    height: 400px;
    background: yellow;
}

HTML

<div id="container">
    <div class="rightbox">
        Right Image Box
    </div>
    <div class="leftbox">
        Left Image Box Top
    </div>
    <div class="leftbox">
        Left Image Box Bottom
    </div>
</div>

Answer 3

Если разрешено изменение разметки, я предлагаю заключить img 1 и 2 в другой div - тогда это просто вопрос перемещения div влево.