クイズ

下記の様な五択クイズのレイアウトを組んでいます。デフォルトで左上に配置されるのかと思ったのですが、選択肢のd,eが何故か下によってしまいます。display: inline-block;を指定してるのが何か関係しているのでしょうか。よく原因がわからないのでどなたかご指導お願いします。????‍♂️ ![イメージ説明](ce87c6ffd5195a595b8a42d6a0d6953a.png) ```html クイズ

問１

1+1=は何か次の中から答えよ。答えよ。答えよ。答えよ。答えよ。

1ですよ

2です

3ですよ

4ですよおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

5ですよおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお

``` ```css #quiz { padding: 16px; background-color: antiquewhite; width: 600px; height: 600px; } #to { margin: 0px; text-align: center; } #question { margin-top: 12px; margin-bottom: 0px; } .answer { margin-top: 16px; } #answers { margin-top: 16px; padding: 0; } #answers .answer button { display: inline-block; width: 20px; height: 20px; } #answers .answer p { display: inline-block; margin: 0px; width: 520px; } ```

	@@ -1 +1 @@
1	- ボタンを上に表示したい。
1	+ ボタンが何故下に表示されるのか理解できないが上に表示したい。

質問編集履歴