回答編集履歴

1

文章校正

2015/09/12 09:19

投稿

KiKiKi_KiKi
KiKiKi_KiKi

スコア596

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