質問編集履歴

3

自分で調べたリンク先を追加

2019/07/03 05:38

投稿

Akaho
Akaho

スコア39

test CHANGED
File without changes
test CHANGED
@@ -331,3 +331,5 @@
331
331
  [リンク内容](https://qiita.com/KKKeisuke/items/9dcc9db7467255f48900)
332
332
 
333
333
  『高さが保たれているのは、header 要素で高さを指定している』という視点を学べた。
334
+
335
+ [リンク内容](https://developer.mozilla.org/ja/docs/Web/CSS/float)

2

回答から得た解決内容を追記した。

2019/07/03 05:38

投稿

Akaho
Akaho

スコア39

test CHANGED
File without changes
test CHANGED
@@ -323,3 +323,11 @@
323
323
 
324
324
 
325
325
  ```
326
+
327
+ 追記
328
+
329
+ 『通常はinline-blockにfloatは使用しませんが(text-alignを使用する)』という知識をえた。
330
+
331
+ [リンク内容](https://qiita.com/KKKeisuke/items/9dcc9db7467255f48900)
332
+
333
+ 『高さが保たれているのは、header 要素で高さを指定している』という視点を学べた。

1

ダメだった結果の画面キャプチャの貼り付け

2019/06/30 04:23

投稿

Akaho
Akaho

スコア39

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,10 @@
16
16
 
17
17
  ![イメージ説明](bf5da91e95b8fa7ba0909396fd16be9a.png)
18
18
 
19
+ display:inline-block;を指定した結果画像 下。
20
+
21
+ ![イメージ説明](07b28c8e3e9e0ce053f5af2212c6b2e1.png)
22
+
19
23
  ```html
20
24
 
21
25
  コード