質問編集履歴

2

みやすくしました

2022/01/07 08:39

投稿

9nahito
9nahito

スコア45

test CHANGED
File without changes
test CHANGED
@@ -128,7 +128,7 @@
128
128
 
129
129
  ![イメージ説明](a5793e46f31af17f4ed61ccf69c79d9f.png)
130
130
 
131
- int32_tさんの回答のおかげで無事解決しました!
131
+ **int32_tさんの回答のおかげで無事解決しました!**
132
132
 
133
133
  解決方法はずれた四角の要素に vertical-align: top; を追加することで解決しました。
134
134
 

1

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

2022/01/07 08:39

投稿

9nahito
9nahito

スコア45

test CHANGED
File without changes
test CHANGED
@@ -127,3 +127,37 @@
127
127
  ```
128
128
 
129
129
  ![イメージ説明](a5793e46f31af17f4ed61ccf69c79d9f.png)
130
+
131
+ int32_tさんの回答のおかげで無事解決しました!
132
+
133
+ 解決方法はずれた四角の要素に vertical-align: top; を追加することで解決しました。
134
+
135
+ ↓table要素を使った方
136
+
137
+ ```css
138
+
139
+ td{
140
+
141
+ vertical-align: top;
142
+
143
+ }
144
+
145
+ ```
146
+
147
+ ↓すべてdivで作った方
148
+
149
+ ```css
150
+
151
+ .parent{
152
+
153
+ display: inline-block;
154
+
155
+ color:green;
156
+
157
+ vertical-align: top;
158
+
159
+ }
160
+
161
+ ```
162
+
163
+ ![イメージ説明](e5a6040e7f3d7c76e799a22841d3b722.png)