Центрирование виджетов в Wordpress

Question

Я пытаюсь построить центрированный трехсекционный нижний колонтитул.

joshuasommer.net

Вот что у меня есть ...

.widget-area { 
    width: 100%; 
    margin: 0 auto; 
    margin-top: 50px; 
    border-top: 1px solid #ccc; 
} 

.widget-title { 
    font-weight: bold; 
} 

.widget { 
    width: 200px; 
    float: left; 
} 

Я уже построил секции. Мне просто нужно сосредоточить их на странице.

Answer 1

В футере добавить два <aside> раздела в один другой DIV с классом widget-child и дать CSS для этого класса

<div id="secondary" class="widget-area" role="complementary"> 
    <div class="widget-child"> 
     <aside id="nav_menu-3" class="widget widget_nav_menu"></aside> 
     <aside id="nav_menu-4" class="widget widget_nav_menu"></aside> 
    </div> 
</div> 

.widget-child { 
    width: 500px; 
    margin: 0 auto; 
}