質問編集履歴
3
追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
一つ目のh1には適用されますが2つ目のh1には適用されません。
|
12
12
|
|
13
|
-
|
13
|
+
![イメージ説明](774ea394fd8724f9b1153856e876be84.jpeg)
|
14
14
|
|
15
15
|
|
16
16
|
|
2
情報の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -42,6 +42,10 @@
|
|
42
42
|
|
43
43
|
<li class="product2"><p class="product-title2">text</p></li>
|
44
44
|
|
45
|
+
<li class="product1"><p class="product-title1">text</p></li>
|
46
|
+
|
47
|
+
<li class="product2"><p class="product-title2">text</p></li>
|
48
|
+
|
45
49
|
</ul>
|
46
50
|
|
47
51
|
</div>
|
1
情報の追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -102,6 +102,98 @@
|
|
102
102
|
|
103
103
|
|
104
104
|
|
105
|
+
.products{
|
106
|
+
|
107
|
+
width: 900px;
|
108
|
+
|
109
|
+
|
110
|
+
|
111
|
+
}
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
|
116
|
+
|
117
|
+
.product-wrapper ul {
|
118
|
+
|
119
|
+
text-align: center;
|
120
|
+
|
121
|
+
}
|
122
|
+
|
123
|
+
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
.product1 {
|
128
|
+
|
129
|
+
width: 350px;
|
130
|
+
|
131
|
+
height: 80px;
|
132
|
+
|
133
|
+
background-color: #938686;
|
134
|
+
|
135
|
+
border: 1px solid gray;
|
136
|
+
|
137
|
+
color: #fff;
|
138
|
+
|
139
|
+
line-height: 80px;
|
140
|
+
|
141
|
+
font-weight: 100;
|
142
|
+
|
143
|
+
display: inline-block;
|
144
|
+
|
145
|
+
margin-bottom: 20px;
|
146
|
+
|
147
|
+
position: relative;
|
148
|
+
|
149
|
+
}
|
150
|
+
|
151
|
+
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
.product2 {
|
156
|
+
|
157
|
+
width: 350px;
|
158
|
+
|
159
|
+
height: 80px;
|
160
|
+
|
161
|
+
background-color: #938686;
|
162
|
+
|
163
|
+
border: 1px solid gray;
|
164
|
+
|
165
|
+
color: #fff;
|
166
|
+
|
167
|
+
line-height: 80px;
|
168
|
+
|
169
|
+
margin-left: 20px;
|
170
|
+
|
171
|
+
font-weight: 100;
|
172
|
+
|
173
|
+
display: inline-block;
|
174
|
+
|
175
|
+
margin-bottom: 20px;
|
176
|
+
|
177
|
+
position: relative;
|
178
|
+
|
179
|
+
}
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
.product-title1, .product-title2 {
|
184
|
+
|
185
|
+
position: absolute;
|
186
|
+
|
187
|
+
top: 2%;
|
188
|
+
|
189
|
+
left: 10%;
|
190
|
+
|
191
|
+
}
|
192
|
+
|
193
|
+
|
194
|
+
|
195
|
+
|
196
|
+
|
105
197
|
.section-title {
|
106
198
|
|
107
199
|
color: gray;
|