Javascript-форум - Выровнить блок по центру

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Выровнить блок по центру (https://javascript.ru/forum/xhtml-html-css/48395-vyrovnit-blok-po-centru.html)

Выровнить блок по центру

Вопрос такой есть два блока, вложеных в третий, необходимо материнский слой выровнять по центру. У меня сейчас вот так и не работает:blink:

HTML:
<div class="main_div">

<div class="block1">{content}</div>
<div class="block2">{content2}</div>

</div>

CSS:
.main_div {
width: 724px;
margin: auto;
float: left;
}
.block1 {
padding: 0px;
}
.block2 {
padding: 0px;
}

На всякий случай уточню, справа от этого блока будет еще один с вложеными.

<div class="main_div">

<div class="block1">{content}</div>
<div class="block2">{content2}</div>

</div>

CSS:
.main_div {
width: 724px;
margin: 0 auto;
/*float: left;*/
}
.block1 {
padding: 0px;
width: 50%;
float: left;
}
.block2 {
padding: 0px;
width: 50%;
float: left;
}