text-align: center;でしても中央寄せにならない

text-align: center;を要素が中央寄せになりません。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
7  <meta name="format-detection" content="telephone=no">
8  <link rel="stylesheet" href="./css/reset.css">
9  <link rel="stylesheet" href="./css/style.css">
10  <title></title>
11</head>
12<body>
13  <div class="p-all">
14      <div class="l-header">
15        <div class="l-header__inner">
16          <img src="./img/logo.png" class="p-header__logo"alt="logo">
17          <div class="c-header__login">
18          <a href="#"><img src="./img/arrow.white.png" class="c-header__login--arrow" alt="arrow"></a>
19        </div>
20          <a href="#"><p class="c-header__login--txt">ログイン</p></a>
21        </div>
22      <div class="l-header__subttl"> 家族の情報サイト　タブルーム</p>
23      </div>
24  </div>
25</body>
26</html>

CSS
1.p-all{
2  max-width: 751px;
3  min-width: 320px;
4  margin: 0 auto;
5}
6
7.l-header__inner{
8  background-color: #d3d3d3;
9  height: 130px;
10  text-align: center;
11}
12
13.c-header__login--txt{
14  float: right;
15  margin-right: 12px;
16  color: #808000;
17}
18
19.c-header__login{
20  background-color: red;
21  width: 40px;
22  height: 40px;
23  float: right;
24  border-radius: 5px;
25  margin-right: 12px;
26  margin-top: 65px;
27  color:
28}
29
30.c-header__login--arrow{
31  height: 20px;
32  width: 20px;
33  padding: 10px;
34}
35
36.l-header__subttl{
37  background-color: #ddd;
38  height: 20px;
39 text-align: center;
40 padding: 8px 0;
41}
42

行動規範の内容に同意します

回答1件

中央寄せにならないのは、ロゴ画像の位置のことであるとの想定で回答します。

.c-header__loginと.c-header__login--txtがfloatで回り込んできているため、
.l-header__innerの表示領域が左に寄っています。
その中でtext-align:centerが効いているために、見かけ上中央からずれて見えるでしょう。
（添付画像上図）

この場合にもっとも簡単な解決策は、.l-header__innerにpadding-leftをつけることです。
右側に回り込んでいるものと同じ横幅分のpadding-leftをつけることで、
表示領域が中央に寄るため、ロゴの見かけの位置も中央に移動します。
（添付画像下図）