回答編集履歴
2
追記
test
CHANGED
|
@@ -14,11 +14,13 @@
|
|
|
14
14
|
|
|
15
15
|
floatで横並びにするのはかなり古い技術です。
|
|
16
16
|
|
|
17
|
+
[CSS フレックスボックスレイアウト -MDN](https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Flexible_Box_Layout)
|
|
18
|
+
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
---
|
|
20
22
|
|
|
21
|
-
このままだと`h3`がフレックスレイアウトに突っ込まれるので、
|
|
23
|
+
このままだと`h3`がフレックスボックスレイアウトに突っ込まれるので、
|
|
22
24
|
|
|
23
25
|
`<div class="contents">`の中から出してあげた方が良いと思われる。
|
|
24
26
|
|
1
追記
test
CHANGED
|
@@ -13,3 +13,13 @@
|
|
|
13
13
|
動作確認してないけどとりあえず親要素に`display:flex;`する。
|
|
14
14
|
|
|
15
15
|
floatで横並びにするのはかなり古い技術です。
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
このままだと`h3`がフレックスレイアウトに突っ込まれるので、
|
|
22
|
+
|
|
23
|
+
`<div class="contents">`の中から出してあげた方が良いと思われる。
|
|
24
|
+
|
|
25
|
+
質問者氏の期待する動作がどうか分からないので憶測だが
|