teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

みやすくしました

2022/01/07 08:39

投稿

9nahito
9nahito

スコア45

title CHANGED
File without changes
body CHANGED
@@ -63,7 +63,7 @@
63
63
 
64
64
  ```
65
65
  ![イメージ説明](a5793e46f31af17f4ed61ccf69c79d9f.png)
66
- int32_tさんの回答のおかげで無事解決しました!
66
+ **int32_tさんの回答のおかげで無事解決しました!**
67
67
  解決方法はずれた四角の要素に vertical-align: top; を追加することで解決しました。
68
68
  ↓table要素を使った方
69
69
  ```css

1

解決方法を追加しました。

2022/01/07 08:39

投稿

9nahito
9nahito

スコア45

title CHANGED
File without changes
body CHANGED
@@ -62,4 +62,21 @@
62
62
  </div>
63
63
 
64
64
  ```
65
- ![イメージ説明](a5793e46f31af17f4ed61ccf69c79d9f.png)
65
+ ![イメージ説明](a5793e46f31af17f4ed61ccf69c79d9f.png)
66
+ int32_tさんの回答のおかげで無事解決しました!
67
+ 解決方法はずれた四角の要素に vertical-align: top; を追加することで解決しました。
68
+ ↓table要素を使った方
69
+ ```css
70
+ td{
71
+ vertical-align: top;
72
+ }
73
+ ```
74
+ ↓すべてdivで作った方
75
+ ```css
76
+ .parent{
77
+ display: inline-block;
78
+ color:green;
79
+ vertical-align: top;
80
+ }
81
+ ```
82
+ ![イメージ説明](e5a6040e7f3d7c76e799a22841d3b722.png)