teratail
回答率
85.49%
質問するログイン新規登録
トップに関する質問ul、liでfloatもdisplay:inline-blockも使用せず横並びにする方法

編集履歴

質問編集履歴

3

HTMLひとまとめに修正しました

2017/12/03 12:46

投稿

araki.a
araki.a

スコア10

test CHANGED
File without changes
test CHANGED
@@ -62,14 +62,6 @@
62
62
 
63
63
 
64
64
 
65
- ```
66
-
67
-
68
-
69
-
70
-
71
- ```
72
-
73
65
 
74
66
 
75
67
  <ul id="tabMenu" class="cf">
@@ -80,16 +72,6 @@
80
72
 
81
73
 
82
74
 
83
- ```
84
-
85
-
86
-
87
- ```
88
-
89
-
90
-
91
-
92
-
93
75
 
94
76
 
95
77
  <div id="tabBoxes">
@@ -100,16 +82,6 @@
100
82
 
101
83
 
102
84
 
103
- ```
104
-
105
-
106
-
107
-
108
-
109
- ```
110
-
111
-
112
-
113
85
 
114
86
 
115
87
  <li>
@@ -128,14 +100,6 @@
128
100
 
129
101
 
130
102
 
131
- ```
132
-
133
-
134
-
135
-
136
-
137
- ```
138
-
139
103
 
140
104
 
141
105
 
@@ -156,14 +120,6 @@
156
120
 
157
121
 
158
122
 
159
- ```
160
-
161
-
162
-
163
- ```
164
-
165
-
166
-
167
123
 
168
124
 
169
125
 
@@ -182,18 +138,6 @@
182
138
 
183
139
  </li>
184
140
 
185
- ```
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
- ```
194
-
195
-
196
-
197
141
 
198
142
 
199
143
  <li>
@@ -212,16 +156,6 @@
212
156
 
213
157
 
214
158
 
215
- ```
216
-
217
-
218
-
219
-
220
-
221
- ```
222
-
223
-
224
-
225
159
 
226
160
 
227
161
  <li>
@@ -240,14 +174,6 @@
240
174
 
241
175
 
242
176
 
243
- ```
244
-
245
-
246
-
247
- ```
248
-
249
-
250
-
251
177
 
252
178
 
253
179
 
@@ -256,8 +182,6 @@
256
182
 
257
183
  </div><!-- /#tabBox1 -->
258
184
 
259
- ```
260
-
261
185
 
262
186
 
263
187
 
@@ -268,7 +192,7 @@
268
192
 
269
193
 
270
194
 
271
- ```
195
+
272
196
 
273
197
 
274
198
 
@@ -294,8 +218,6 @@
294
218
 
295
219
 
296
220
 
297
- ```
298
-
299
221
 
300
222
 
301
223
 

2

コードブロック修正しました

2017/12/03 12:46

投稿

araki.a
araki.a

スコア10

test CHANGED
File without changes
test CHANGED
@@ -50,9 +50,9 @@
50
50
 
51
51
 
52
52
 
53
-
54
-
55
- ```
53
+ ```
54
+
55
+
56
56
 
57
57
 
58
58
 
@@ -62,12 +62,34 @@
62
62
 
63
63
 
64
64
 
65
+ ```
66
+
67
+
68
+
69
+
70
+
71
+ ```
72
+
73
+
74
+
65
75
  <ul id="tabMenu" class="cf">
66
76
 
77
+
78
+
67
79
  <li><a href="#tabBox1"><img src=".gif"></a></li><li><a href="#tabBox2"><img src=".gif"></a></li><li><a href="#tabBox3"><img src=".gif"></a></li><li><a href="#tabBox4"><img src=".gif"></a></li><li><a href="#tabBox5"><img src=".gif" ></a></li></ul>
68
80
 
69
81
 
70
82
 
83
+ ```
84
+
85
+
86
+
87
+ ```
88
+
89
+
90
+
91
+
92
+
71
93
 
72
94
 
73
95
  <div id="tabBoxes">
@@ -76,6 +98,20 @@
76
98
 
77
99
  <ul class="cf">
78
100
 
101
+
102
+
103
+ ```
104
+
105
+
106
+
107
+
108
+
109
+ ```
110
+
111
+
112
+
113
+
114
+
79
115
  <li>
80
116
 
81
117
  <a href="">
@@ -90,6 +126,20 @@
90
126
 
91
127
  </li>
92
128
 
129
+
130
+
131
+ ```
132
+
133
+
134
+
135
+
136
+
137
+ ```
138
+
139
+
140
+
141
+
142
+
93
143
  <li>
94
144
 
95
145
  <a href="">
@@ -104,6 +154,20 @@
104
154
 
105
155
  </li>
106
156
 
157
+
158
+
159
+ ```
160
+
161
+
162
+
163
+ ```
164
+
165
+
166
+
167
+
168
+
169
+
170
+
107
171
  <li>
108
172
 
109
173
  <a href="">
@@ -118,6 +182,20 @@
118
182
 
119
183
  </li>
120
184
 
185
+ ```
186
+
187
+
188
+
189
+
190
+
191
+
192
+
193
+ ```
194
+
195
+
196
+
197
+
198
+
121
199
  <li>
122
200
 
123
201
  <a href="">
@@ -132,6 +210,20 @@
132
210
 
133
211
  </li>
134
212
 
213
+
214
+
215
+ ```
216
+
217
+
218
+
219
+
220
+
221
+ ```
222
+
223
+
224
+
225
+
226
+
135
227
  <li>
136
228
 
137
229
  <a href="">
@@ -146,16 +238,42 @@
146
238
 
147
239
  </li>
148
240
 
241
+
242
+
243
+ ```
244
+
245
+
246
+
247
+ ```
248
+
249
+
250
+
251
+
252
+
253
+
254
+
149
255
  </ul>
150
256
 
151
257
  </div><!-- /#tabBox1 -->
152
258
 
259
+ ```
260
+
261
+
262
+
263
+
264
+
153
265
 
154
266
 
155
267
  ↑こんな感じでタブボックスが5まであります。
156
268
 
157
269
 
158
270
 
271
+ ```
272
+
273
+
274
+
275
+
276
+
159
277
  </a>
160
278
 
161
279
  </li>
@@ -176,6 +294,12 @@
176
294
 
177
295
 
178
296
 
297
+ ```
298
+
299
+
300
+
301
+
302
+
179
303
  -------------------------------------------------------------------------
180
304
 
181
305
 

1

kei344さま　やり方まで記載してくださりありがとうございます。このような感じでよろしいでしょうか？

2017/12/03 12:38

投稿

araki.a
araki.a

スコア10

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,43 @@
16
16
 
17
17
 
18
18
 
19
+
20
+
19
21
  ---------------------------------------------------
22
+
23
+
24
+
25
+ ```
26
+
27
+
28
+
29
+ <style>
30
+
31
+
32
+
33
+ .highlight {
34
+
35
+ background: linear-gradient(transparent 50%, #ffff66 0%);
36
+
37
+ line-height: 1.3em;
38
+
39
+ }
40
+
41
+
42
+
43
+ </style>
44
+
45
+
46
+
47
+ ```
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+ ```
20
56
 
21
57
 
22
58
 
@@ -29,6 +65,8 @@
29
65
  <ul id="tabMenu" class="cf">
30
66
 
31
67
  <li><a href="#tabBox1"><img src=".gif"></a></li><li><a href="#tabBox2"><img src=".gif"></a></li><li><a href="#tabBox3"><img src=".gif"></a></li><li><a href="#tabBox4"><img src=".gif"></a></li><li><a href="#tabBox5"><img src=".gif" ></a></li></ul>
68
+
69
+
32
70
 
33
71
 
34
72
 
@@ -132,6 +170,12 @@
132
170
 
133
171
 
134
172
 
173
+ ```
174
+
175
+
176
+
177
+
178
+
135
179
  -------------------------------------------------------------------------
136
180
 
137
181