Нужно расположить div блок по середине так, чтобы он учитывал другой div блок, который находится справа. Сейчас div_block3 расположен по середине контейнера div_container , не учитывая, что div_block2 стоит справа. Нужно сделать так, как показано на картинке:
Красный блок нужно расположить по середине между левым краем и правым блоком div_block2. Но при этом если убрать div_block2, красный блок должен расположиться по середине страницы.
Текущий html+css код
<style>
.div_container {
width:1000px;
border:5px solid #000;
height:500px;
}
.div_block {
width:200px;
margin:0 auto;
background:#000;
}
.div_block2 {
width:300px;
height:300px;
float:right;
background:#000;
}
.div_block3 {
background:#ff0000;
width:200px;
margin:0 auto;
}
</style>
<div class="div_container">
<div class="div_block">Блок1</div>
Текст текс текст<br><br><br>Текст текс текст<br><br><br>Текст текс текст<br><br><br>
<div class="div_block2">Блок2</div>
Текст текс текст<br><br><br>Текст текс текст<br><br><br>Текст текс текст<br><br><br>
<div class="div_block3">Блок3</div>
</div>