質問編集履歴
2
実現したいことを一部変更しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
チェックボックスを各ラベルの上下水平揃い、左揃いに位置したいです。
|
|
4
|
+
現状では、各リストの左下あたりに位置しています。
|
|
4
5
|
|
|
6
|
+
html,cssともに、大幅に変更になっても大丈夫です。
|
|
7
|
+
ラベルをチェックをすれば、隠していた補足情報が見えるリストをつくるのが目的です。
|
|
8
|
+
チェックボックスをあえて入れているのは、簡易なチェックシートとしてのＵＩを実現させるためです。
|
|
9
|
+
|
|
10
|
+
アドバイス、よろしくお願いします。
|
|
11
|
+
|
|
12
|
+
|
|
5
13
|
### 該当のソースコード
|
|
6
14
|
|
|
7
15
|
```htmlの記述
|
|
@@ -70,7 +78,7 @@
|
|
|
70
78
|
|
|
71
79
|
/*ラベル*/
|
|
72
80
|
.accbox label {
|
|
73
|
-
display:
|
|
81
|
+
display: block;
|
|
74
82
|
margin: 1.5px 0;
|
|
75
83
|
padding : 11px 12px;
|
|
76
84
|
color :#2f8fcf;
|
|
@@ -105,7 +113,5 @@
|
|
|
105
113
|
height: auto;
|
|
106
114
|
padding: 5px;
|
|
107
115
|
background: #eaeaea;
|
|
108
|
-
opacity: 1;
|
|
116
|
+
opacity: 1;
|
|
109
|
-
float: left;
|
|
110
|
-
|
|
111
117
|
}
|
1
アドバイスいただいた内容にCSSコードを編集しました。。。がうまくいきません。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
|
|
71
71
|
/*ラベル*/
|
|
72
72
|
.accbox label {
|
|
73
|
-
display: block;
|
|
73
|
+
display: inline-block;
|
|
74
74
|
margin: 1.5px 0;
|
|
75
75
|
padding : 11px 12px;
|
|
76
76
|
color :#2f8fcf;
|
|
@@ -106,4 +106,6 @@
|
|
|
106
106
|
padding: 5px;
|
|
107
107
|
background: #eaeaea;
|
|
108
108
|
opacity: 1;
|
|
109
|
+
float: left;
|
|
110
|
+
|
|
109
111
|
}
|