質問編集履歴

3

このようにしたい、という画像を追加しました!

2019/12/20 08:23

投稿

yyymmm
yyymmm

スコア30

test CHANGED
File without changes
test CHANGED
@@ -324,11 +324,11 @@
324
324
 
325
325
 
326
326
 
327
-
327
+ 以下のようにしたいです。
328
+
329
+
330
+
328
-
331
+ ![イメージ説明](4f7d23f18bd528fdcdb42a5f931980cc.png)
329
-
330
-
331
-
332
332
 
333
333
 
334
334
 

2

追記しました!

2019/12/20 08:23

投稿

yyymmm
yyymmm

スコア30

test CHANGED
File without changes
test CHANGED
@@ -313,3 +313,265 @@
313
313
 
314
314
 
315
315
  ![イメージ説明](31dccfc74586f91269e9b6a2606f817c.png)
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+ 追記です。今の状態です↓
350
+
351
+
352
+
353
+ ```ここに言語を入力
354
+
355
+ html
356
+
357
+
358
+
359
+ <div id="tickets">
360
+
361
+
362
+
363
+ <h1 class="section2">tickets</h1>
364
+
365
+ <h2>チケットについて</h2>
366
+
367
+  <p class="line"><img src="sen.png"></p>
368
+
369
+
370
+
371
+ <p class="about_sentence">説明文ーーーーーーーーーーーーー</p>
372
+
373
+
374
+
375
+ <div id="left">
376
+
377
+
378
+
379
+ <ul><li><span class="price">01. </span><span class="price_title">入場券</span><span class="price_title2"> (お一人につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;3,000</span>
380
+
381
+
382
+
383
+ </li>
384
+
385
+ <li><span class="price">02. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;3,000</span>
386
+
387
+ </li>
388
+
389
+ <li><span class="price">03. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥ <span class="price">&yen;8,000</span>
390
+
391
+ </li>
392
+
393
+ <li><span class="price">04. </span><span class="price_title">テント券</span><span class="price_title2"> (ひと組につき一枚必要) </span>‥‥‥‥‥‥‥‥‥ <span class="price">&yen;12,000</span>
394
+
395
+ </li>
396
+
397
+ <p id="tickets_higaeri">*説明文</p>
398
+
399
+ </ul>
400
+
401
+
402
+
403
+ <h3>チケットに含まれるもの</h3>
404
+
405
+
406
+
407
+ <ul><li>-------------------</li>
408
+
409
+ <li>--------------------</li>
410
+
411
+ <li>--------------------</li></ul>
412
+
413
+
414
+
415
+ <p>*説明文<br>
416
+
417
+ *説明文</p>
418
+
419
+
420
+
421
+ <p>説明文</p>
422
+
423
+
424
+
425
+
426
+
427
+
428
+
429
+
430
+
431
+ </div>
432
+
433
+
434
+
435
+
436
+
437
+ </div> <!--ticket-->
438
+
439
+
440
+
441
+
442
+
443
+ css
444
+
445
+
446
+
447
+ #tickets{
448
+
449
+ position: relative;
450
+
451
+ background-color: #F7F5F0;
452
+
453
+ padding: 20px;
454
+
455
+ }
456
+
457
+
458
+
459
+
460
+
461
+ .price_title{
462
+
463
+ font-size: 18px;
464
+
465
+ font-weight: 500;
466
+
467
+ }
468
+
469
+
470
+
471
+ .price_title2{
472
+
473
+ font-size: 15px;
474
+
475
+ }
476
+
477
+
478
+
479
+ #tickets ul li{
480
+
481
+ line-height: 1;
482
+
483
+ padding-bottom: 27px;
484
+
485
+ }
486
+
487
+
488
+
489
+ #tickets_higaeri{
490
+
491
+ font-size: 12px;
492
+
493
+ color: #696969;
494
+
495
+ }
496
+
497
+
498
+
499
+ #left{
500
+
501
+
502
+
503
+ position: absolute;
504
+
505
+ left: 0;
506
+
507
+ right: 0;
508
+
509
+ margin: auto;
510
+
511
+ width: 936px;
512
+
513
+ height: 582px;
514
+
515
+ background-image: url(hukidasi.png);
516
+
517
+ }
518
+
519
+
520
+
521
+ #left ul{
522
+
523
+ display: inline-block;
524
+
525
+ text-align: left;
526
+
527
+
528
+
529
+
530
+
531
+
532
+
533
+ }
534
+
535
+
536
+
537
+
538
+
539
+
540
+
541
+
542
+
543
+
544
+
545
+
546
+
547
+
548
+
549
+
550
+
551
+
552
+
553
+
554
+
555
+
556
+
557
+
558
+
559
+
560
+
561
+
562
+
563
+
564
+
565
+
566
+
567
+
568
+
569
+
570
+
571
+
572
+
573
+
574
+
575
+ コード
576
+
577
+ ```

1

画像追加しました

2019/12/17 02:08

投稿

yyymmm
yyymmm

スコア30

test CHANGED
File without changes
test CHANGED
@@ -303,3 +303,13 @@
303
303
 
304
304
 
305
305
  ![イメージ説明](5d8816158d555a90bcc8615104b62a53.jpeg)
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+ ![イメージ説明](31dccfc74586f91269e9b6a2606f817c.png)