Центр child div в родительском div

Question

Я слепой на этом ... Я столкнулся с другой подобной темой, но никто из них не помог в ind.

Короче говоря, я не могу использовать поля «a, b, c, d» в центре родительского div - они должны быть выровнены в коробке внизу, так что левый находится в самом левом и правом углу все направо.

Я отправил свой код здесь, в этой скрипке, так что вы можете увидеть: http://jsfiddle.net/sdHhp/

• и мой код: .right_content_wrap{ width: 300px; height: 250px; background: #e3e3e3; float: right; margin: 15px 0px 0px 0px; }

  .featured_items_wrap{ width: 980px; height: 140px; background: blue; text-align: center;} 
  
  <div class="content_wrap"> 
  <div class="featured_items_wrap"> 
      <div class="featured_item">a</div> 
      <div class="featured_item">b</div> 
      <div class="featured_item">c</div> 
      <div class="featured_item">d</div> 
  </div> 
  

Если у Вас возникли вопросы относительно мой вопрос, не стесняйтесь писать мне!

Я с нетерпением жду возможного решения!

Большое спасибо и у нас отличный вечер!

Answer 1

Вам нужно, чтобы margin: auto на дочерних divs. Кроме того, вам нужно убедиться, что дочерние div не настолько широки, как обертка. Я сделал их 75% в демо, и он работает.

div { 
    width: 75%; 
    margin: auto; 
} 

http://jsfiddle.net/sdHhp/4/

EDIT: Обратите внимание, что это на обертке в вашем JSFiddle, так как это то, что держит свои дочерние дивы.

Дальнейшая редакция: Я понимаю, что сначала я вас неправильно понял. Я считаю, что я получил ваш JSFiddle, как вы этого хотели. Проверьте это один из:

http://jsfiddle.net/sdHhp/9/

Answer 2

Расширение на Anwer Чада, если вы хотите точно установить внутри DIV вы можете установить запас 25px; конечно, он будет варьироваться в зависимости от размера и т. д. http://jsfiddle.net/r2pLP/1/

div { 
    border: 1px solid black; 
} 
#one { 
    height: 100px; 
    width: 100px; 
} 
#two { 
    height: 50px; 
    width: 50px; 
    margin: 25px; 
} 

<div id="one"> 
    <div id="two"></div> 
</div>