回答編集履歴
1
文章校正
answer
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
`<div class="button">`を横並びにするための`float: left;`されているので、`<div class="button">`の横幅は中にあるinputタグの幅になってしまっています。そして、その幅の中でのセンターになっているので、#centerの`text-align: center`が効いてないように見えています。
|
|
2
|
+
|
|
3
|
+
HTML構造を変えないのであれば、
|
|
2
|
-
|
|
4
|
+
`.button`のfloat指定を辞めてdisplayをinlineとかinline-blockにすれば良いかと思います。
|
|
3
5
|
```css
|
|
4
6
|
.button {
|
|
5
7
|
display: inline; /* または inline-block */
|