質問編集履歴
2
実現したいことを一部変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,23 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
チェックボックスを各ラベルの上下水平揃い、左揃いに位置したいです。
|
6
|
+
|
7
|
+
現状では、各リストの左下あたりに位置しています。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
html,cssともに、大幅に変更になっても大丈夫です。
|
12
|
+
|
13
|
+
ラベルをチェックをすれば、隠していた補足情報が見えるリストをつくるのが目的です。
|
14
|
+
|
5
|
-
|
15
|
+
チェックボックスをあえて入れているのは、簡易なチェックシートとしてのUIを実現させるためです。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
アドバイス、よろしくお願いします。
|
20
|
+
|
21
|
+
|
6
22
|
|
7
23
|
|
8
24
|
|
@@ -142,7 +158,7 @@
|
|
142
158
|
|
143
159
|
.accbox label {
|
144
160
|
|
145
|
-
display:
|
161
|
+
display: block;
|
146
162
|
|
147
163
|
margin: 1.5px 0;
|
148
164
|
|
@@ -212,10 +228,6 @@
|
|
212
228
|
|
213
229
|
background: #eaeaea;
|
214
230
|
|
215
|
-
opacity: 1;
|
231
|
+
opacity: 1;
|
216
|
-
|
217
|
-
|
232
|
+
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
}
|
233
|
+
}
|
1
アドバイスいただいた内容にCSSコードを編集しました。。。がうまくいきません。
test
CHANGED
File without changes
|
test
CHANGED
@@ -142,7 +142,7 @@
|
|
142
142
|
|
143
143
|
.accbox label {
|
144
144
|
|
145
|
-
display: block;
|
145
|
+
display: inline-block;
|
146
146
|
|
147
147
|
margin: 1.5px 0;
|
148
148
|
|
@@ -214,4 +214,8 @@
|
|
214
214
|
|
215
215
|
opacity: 1;
|
216
216
|
|
217
|
+
float: left;
|
218
|
+
|
219
|
+
|
220
|
+
|
217
|
-
}
|
221
|
+
}
|