Q&A
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>実験</title> <style> .buy { background: red; float: left; padding: 10px 30px; font-size: 50px; } </style> </head> <body> <div class="buy"> <button>買う！</button> </div> </body> </html>
以上のようなコードの時に、div要素の子要素のbutton要素が中心からずれてしまいます。ググった限り、buton要素はインライン要素だったのですが、親要素のdivにtext-align: center; をつけることができませんでした。これはなぜでしょうか？
一応padding1をいじれば中央に配置できますが、これはなぜでしょうか？
また、他に何かいい方法がないでしょうか？
以上の点、分かる方よろしくお願いします。もし僕の勘違いでしたらすみません。
回答1件
0
ベストアンサー
親要素のdivにtext-align: center; をつけることができませんでした。これはなぜでしょうか？
出来ます。しかし、提示のコードではfloatにより、最小幅になっているので、右も左も中央も同じ位置になっているだけです。長めの幅設定で確認してみてください。
投稿2019/08/26 10:12
総合スコア3523
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。