▼テンプレート
[EC-CUBE]3.0.14
[レンタルサーバ]ロリポップ
[OS] MAC OS
[PHP]PHP 5.5
[データベース] My AQL
[WEBサーバ]　分からないです。
[ブラウザ] Safari
[導入プラグインの有無] 無し
[カスタマイズの有無] 　無し

[現象]
デフォルトのロゴのブロックで、タイトルを中央に持って来たいのですが、stye.cssを次のように追加しても中央に来ません。

<ロゴのブロック(logo.twig)>
<div class="header_logo_area">
<p class="copy"></p>
<h1 class="header_logo"><a href="{{ url('homepage') }}">{{BaseInfo.shop_name }}</a></h1>
</div>

<Style.css>
.header_logo_area{
text-align: center;
}

.header_logo{
display: inline-block;
margin: 0 8px 8px;
}

フッターのタイトルの部分のCSSの表記は上記のような感じで中央にタイトルが来ているのに、なぜヘッダーだと中央に来ないのでしょうか？

手探り状態で会社の販売サイトを作っています。教えていただければ幸いです。

　正しいかどうかは分かりませんが、style.cssにwidth:100%を加えるとタイトルが中心に来ました。

(style.css)
.header_logo_area{
text-align: center;
width: 100%;
}

.header_logo{
display: inline-block;
margin: 0 8px 8px;
}