автоцентр <div><div></div></div>

Question

У меня есть div (контейнер, я думаю?) Я хочу, чтобы это была страница центра.

<div style="margin: 0 auto;"> 
 
<div style="float: left; width: 300px;"><img src="owngfx/bankover.jpg" width="300" height="215" /></div> 
 
<div style="float: left; width: 300px;">Billede 2</div> 
 
<div style="float: left; width: 300px;"> 
 
<div class="fb-page" data-width="300" adapt_container_width="true" data-height="450" data-href="https://www.facebook.com/dagenshug" data-small-header="false" data-hide-cta="false" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"> 
 
<div class="fb-xfbml-parse-ignore"></div> 
 
</div> 
 
</div> 
 
</div>

Я просто хочу, чтобы все контекст идти центр страницы, как это возможно?

Answer 1

<div style="margin: 0 auto; width:60%;"> 
<div style="float: left; width: 300px;"><img src="owngfx/bankover.jpg" width="300" height="215" /></div> 
<div style="float: left; width: 300px;">Billede 2</div> 
<div style="float: left; width: 300px;"> 
<div class="fb-page" data-width="300" adapt_container_width="true" data-height="450" data-href="https://www.facebook.com/dagenshug" data-small-header="false" data-hide-cta="false" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"> 
<div class="fb-xfbml-parse-ignore"></div> 
</div> 
</div> 
</div> 

обновляет первую линию с дополнительной шириной в стиле: х% в соответствии с вашими требованиями

Answer 2

Вам необходимо отобразить ширину для «контейнера» к центру его, а также то, что у вас есть сделанные для установки левого и правого полей на auto.

Измените первую строку следующим образом:

<div style="width: 50%; margin: 0px auto;">