ウィジットをメイン枠のセンターに入れるCSS


センタリングについては、大抵はtext-align:center

で行けるのですが、今回はmargin: auto
などを設定する必要がありました。

今回は検索窓を、フロントページ(front-page.php)と
個別の投稿ページ(single.php)にウィジェットエリアを設けて
検索性を良くしました。

div.widget {
    position: relative;
    top: -100px;
    margin: auto;
    text-align: center;
    width: 400px;
}