---
tags: 網頁切版直播班 - 2021 夏季班
---
# 7/8(四) 每日任務

## 問題

題目中部分元素已經有 10px 的間距，但是同時使用了兩種不同的推擠方向
請練習將推擠方向修改為一致，並只能修改 HTML 的 class 內容

<div class="wrap">
  <h1 class="title mt-1">標題</h1>
  <p class="text mb-1">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates ratione blanditiis modi!
  </p> 
  <img class="img mb-1" src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="">
  <h2>副標題</h2>
  <ul class="list mt-1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</div>

.mb-1{
  margin-bottom: 10px;
}
.mt-1{
  margin-top: 10px;
}

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」中回報就算完成了喔～


<!-- 解答：只需要看是否有統一推擠方向，所以全部改使用 mt-1 或是 mb-1 都是對的唷 -->

回報區
---
<!-- 0. Bingbingboom（回報範例，請使用註解回報）
Codepen：https://codepen.io/Bingbingboom/pen/BaWYJLP
-->

<!-- 1. 焦糖
Codepen: https://codepen.io/yen-kg/pen/gOmejMa
-->

<!-- 2.孫
https://codepen.io/Sunne/pen/dyvrvEJ-->

<!-- 3.Arvin Yang
https://codepen.io/arvinyang1925/pen/XWRdRwR -->

<!-- 4. Jasmin
Codepen:https://codepen.io/thejasmin/pen/gOmGbrN
-->

<!--5.Alpha
Codepen: https://codepen.io/alphatero/pen/BaRKEbJ

-->

<!-- 6.sarah
codepen:https://codepen.io/sarah-wang/pen/MWmyRxL?editors=1100
-->

<!-- 7.natsu
codepen:https://codepen.io/natsu19/pen/eYWZoXa
-->

<!-- 8.陳品宏
codepen:https://codepen.io/wtka/pen/QWvNPoB
-->

<!-- 9.Xing CT
codepen:https://codepen.io/xing10/pen/OJmNGez
-->

<!-- 10.yijun
codepen:https://codepen.io/sandy3068/pen/bGWpyNj
-->

<!-- 11.黃士桓
codepen:https://codepen.io/shr-huan-huang/pen/wvdGbvj
-->
<!-- 12.陳sam
codepen:https://codepen.io/euldpliv/pen/LYyNopR
-->

<!-- 13.Riley
codepen:https://codepen.io/jjpxbprd/pen/VwbaOvp
-->

<!-- 14.雷古娜
codepen:https://codepen.io/tinahopo/pen/ExmKJzx
-->

<!-- 15.Jean
codepen:https://codepen.io/jean-liu/pen/jOmqoNQ
-->

<!-- 16.Phoebe
codepen:https://codepen.io/phoebeho/pen/BaRKeKV
-->

<!-- 17.黃羽均
codepen:https://codepen.io/azzfgtpo/pen/rNmegLN
-->

<!-- 18.Lina Chen
codepen:https://codepen.io/LinaChen/pen/PomNvNR
-->

<!-- 19. kane0927
codepen:https://codepen.io/kane-lin/pen/BaRKeox
-->

<!--20. WilsonHan
codepen:https://codepen.io/wi0821/pen/zYwqQqG
-->

<!-- 21. Vic
codepen: https://codepen.io/hsuan333/pen/KKmzLME
-->

<!-- 22. Dawn-7/8每日任務
codepen: https://codepen.io/DawnSyu/pen/qBmZGba
-->

<!-- 23. AKI
codepen: https://codepen.io/akichen27/pen/GRmZamx
-->

<!--24 Sam li
codepen:https://codepen.io/sam830623/pen/mdmPYVq
-->

<!--25 YuriT
codepen: https://codepen.io/wenfisht/pen/VwbaOWz?editors=1100
-->

<!--26. PHIL
codepen: https://codepen.io/ctkeftjp-the-animator/pen/BaRKeLP

<!-- 27. Sz
codepen: https://codepen.io/szyln/pen/GRmZayG
-->

<!--28 文文
codepen: https://codepen.io/chiawen81/pen/KKmzLyj?editors=1100
-->

<!-- 29. Gui
codepen: https://codepen.io/guitimliu/pen/LYyNoeL
-->

<!-- 30. Yao Lin
codepen: https://codepen.io/yaoyaoiii/pen/VwbaOQr
-->

<!-- 31. 蔡明達
codepen: https://codepen.io/bmzpfyxe/pen/rNyrYKz?editors=1100
-->

<!-- 32. Cate Chang
codepen: https://codepen.io/tutz/pen/yLbOWjL
-->

<!-- 33. hellocrab
codepen: https://codepen.io/hellocrab/pen/zYwqQyN
-->

<!-- 34: peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/JjNXqeJ?editors=1100
-->

<!-- 35. Jun Chan
codepen: https://codepen.io/chujunchan/pen/wvdGbyR?editors=1100
-->

<!-- 36. Cheng Pei-hsuan
codepen: https://codepen.io/PaCheng/pen/abWNgvL
-->

<!-- 37. 童筱涵
codepen: https://codepen.io/hsiaohan/pen/LYyNKYQ
-->

<!-- 38. lumei
codepen: https://codepen.io/l_umei/pen/yLbOdJa
-->

<!-- 39. Yurie
codepen:
https://codepen.io/_u_jung/pen/MWmyMop
--!>

<!-- 40. Irene Wang
codepen: https://codepen.io/irene-wang-the-looper/pen/ExmKzBm
--!>

<!-- 41.阿瓜
https://codepen.io/chiawen81/pen/KKmzLyj?editors=1100 -->

<!-- 42.Kaka
https://codepen.io/potatokaka/pen/dyWMBKa -->

<!-- 43.huanan
https://codepen.io/hua_nan/pen/jOmqjxV -->

<!-- 44. 得源
https://codepen.io/aglgvsie/pen/zYwqVRR-->

<!-- 45. 群嘉
https://codepen.io/efzdamnp-the-lessful/pen/LYyNKMq>

46. ZY Hsu
https://codepen.io/zihyin/pen/PomNrvZ
<!--47.LTL
https://codepen.io/ltlin93/full/wvdGLpa -->

<!--48.Peggy Tsai
https://codepen.io/pei-chi-tsai/pen/MWmyNWQ -->

<!--49.Shani
https://codepen.io/ShaniMa/pen/ZEKWgbo-->

<!-- 50. 肉鬆
codepen: https://codepen.io/klrkicog/pen/GRmZVdr?editors=1010
-->

<!--51.ellie
https://codepen.io/hsu-yu/pen/JjNXgyg
-->

<!-- 52. Joy Cheng
https://codepen.io/joycheng5432/pen/gOWrVzm
-->

<!-- 53. Winnie
https://codepen.io/winnie0208/pen/xxdVvNG
-->

<!-- 53. 鉦勝
https://codepen.io/atckmax823/pen/NWjrKGL
-->

<!-- 54. 阿熊
https://codepen.io/hsiungchi/pen/abWZoZd -->

<!-- 55. yellamoon 巫樾
https://codepen.io/pwbzvqja/pen/wvdWwgE-->

<!-- 56. SihLe Huang
code: https://codepen.io/bugbug777/pen/xxdObGM
（我看不太懂題目的意思）＝＝
-->

<!-- ????? -->

<!-- 66. Coco
https://codepen.io/coco35532442/pen/poPbzdM-->

<!-- 67. Nate Lu
https://codepen.io/nate12/pen/qBmNWJX -->

<!-- 68. 魚魚
codepen: https://codepen.io/YuYu_29/pen/eYWzOwd
-->
<!-- 68. Fleur
codepen: https://codepen.io/swwlee/pen/abWZooO
-->

<!-- 60. Yvette
codepen: https://codepen.io/yst2680/pen/poPboKe
-->
<!-- 61. 袁祥恩
codepen:
https://codepen.io/ovfxsavp-the-bashful/pen/jOmrOvy
-->

<!-- 62. Ruby Chiang
codepen:https://codepen.io/rubyyl0701/pen/ZEKOEqa
-->

<!-- 63. ZOE WU
codepen:https://codepen.io/Zoechiueh/pen/XWRKWvY?editors=1100
-->

<!-- 64. Sylvia-H
codepen:https://codepen.io/Cosmosheart/pen/yLbJyOv
-->
<!-- 65. rose
codepen:https://codepen.io/roseling30/pen/Pomzwpb
-->

<!-- 66. Dory
codepen: https://codepen.io/dorihung/pen/rNmegOB
-->

<!-- 67. Gill
codepen: https://codepen.io/Gill-Chin/pen/vYmKEzX?editors=1100
-->

<!-- 68. stepha
codepen: https://codepen.io/w1112yb/pen/eYWzmqa
-->

<!-- 69. JimmyFang
codepen: https://codepen.io/pohxiqqo/pen/bGWeNyv
-->

<!-- 15.Scarlett史嘉
codepen:https://codepen.io/qoxttdjg-the-encoder/pen/QWvEbjJ?editors=1100
-->

<!-- 71 Karen Huang

codepen: https://codepen.io/Coding_Snorlax/pen/YzVWzyO

-->

<!-- 72 沈依蓉

codepen: https://codepen.io/lily-oa/pen/MWmyoNV

-->

<!-- 73 mansonivan

codepen: https://codepen.io/manson-ivan/pen/GRmqJyd

-->

<!-- 74.Alvin Chu
codepen:https://codepen.io/wave99487chu/pen/WNjxbKz
-->

<!-- 75.吐司
codepen:https://codepen.io/danielle-zhang/pen/GRmozvY
-->

<!-- 76.叻叻豬
codepen:https://codepen.io/ericxcode/pen/ExmyjzW
-->

<!-- 77. Joey
https://codepen.io/joyfeel/pen/XWRKbBK?editors=1100
-->
<!-- 78. 阿和
https://codepen.io/shnny/pen/MWmeweM?editors=1100
-->
<!--79.Tracy曼娟
https://codepen.io/tracychien-the-encoder/pen/MWmeaQm
-->

<!-- 80. Meng
https://codepen.io/MGHN/pen/xxdZmKN?editors=1100
-->

<!-- 81.粘勝凱
https://codepen.io/szykttdy/pen/ZEKObjX
-->

<!-- 82. Elaine Liu
https://codepen.io/elaine7598/pen/VwbjvqN
-->

<!-- 83. 黃小瑄
https://codepen.io/5quvgp2z/pen/jOmrbJB
-->

<!-- 84. Ning
https://codepen.io/fangninglin/pen/WNjxQWR?editors=1100 -->

<!-- 85. Jameskrauser
https://codepen.io/jameskrauser/pen/eYWzJxX?editors=1100
-->

<!-- 86. 格可
https://codepen.io/catabo/pen/bGWepgx
-->

<!-- 87. 周周
https://codepen.io/jhoujhou-the-decoder/pen/WNjxwYB
-->

<!-- 88. Hi Annie
https://codepen.io/lhohdalu/pen/PomzNVx -->

<!-- 89. Yen CodePen https://codepen.io/Hoyi/pen/NWjrNVZ?editors=1100-->

<!-- 90. Jamie
https://codepen.io/JamieChenWs/pen/BaRzzoe -->

<!-- 91. Stephanie Kan
https://codepen.io/natsuki1114/pen/jOmrrWP?editors=1100 -->

<!--92. Tansy
Codepan: https://codepen.io/subarashii-huch09/pen/gOWwrde
-->

<!-- 93.zyc
https://codepen.io/zy_c/pen/NWjrrQb -->

<!-- 94. KatieZhao
Codepen:
https://codepen.io/katiezhao/pen/YzVWGwK
-->
<!-- 95. Tina Yen
Codepen:
https://codepen.io/tlorfrnl-the-typescripter/pen/VwbjKaZ
-->

<!-- 96. Jim Hwang
Codepen:
https://codepen.io/jimh1129/pen/JjNKRNq
-->

<!-- 97. Erin Huang
Codepen:
https://codepen.io/ErinHuang/pen/xxdOELN
-->
<!-- 98. anna
Codepen:
https://codepen.io/annhys/pen/BaRzLmR?editors=1100
-->

<!-- 99. Carol Li
Codepen:
https://codepen.io/carolli834/pen/dyWXpwG
-->

<!-- Jessie Cheng
Codepen: https://codepen.io/JessieMosbi/pen/MWmebBY
-->
<!-- Blake Hung
Codepen: https://codepen.io/Blakehong/pen/YzVWpEr
-->

<!--102. Jocelyn
https://codepen.io/enjoyful/pen/QWvEGBR
-->

<!--103 shanglin
https://codepen.io/rmovuagr-the-selector/pen/YzVWpde
-->

<!--104 Jerry Yen
https://codepen.io/JerryYen/pen/yLbJgye
-->

<!--105 una(點子數位)
https://codepen.io/xbsapbas-the-vuer/pen/poPbRYw
-->

<!-- 106. HarryChen
https://codepen.io/KermhHarry/pen/wvdWJMo -->

<!--107 sejuan
Codepen: https://codepen.io/sejuan/pen/abWZJzR
-->

<!-- 108. RitaHuang
https://codepen.io/Rita-Rossweisse/pen/ExmyWZG
-->
<!-- 109. [Jeff H](https://hackmd.io/@jeff14994/H10xDlBq_/https%3A%2F%2Fhackmd.io%2F%40jeff14994%2FS1gzIsl6u%2F%252FFF7y1GkvRZG9GoZCOdFZ0A)-->

<!-- 110. Zooey
https://codepen.io/noraneko0430/pen/KKmMqzd
-->

<!-- 110. Freya
https://codepen.io/iyowai/pen/oNWLwqa?editors=1100
-->

<!--111. YOYO
Codepen: https://codepen.io/lumedkle/pen/bGWeLxO
-->

<!-- 112. 大衛
Codepen: https://codepen.io/exnsrpjc/pen/abWNEMO
-->

<!-- 113. Joanna chang
Codepen: https://codepen.io/polilu1985/pen/jOmrKKR
-->

<!-- 114. aSong
Codepen: https://codepen.io/boisonchang/pen/zYwBaMB
-->
<!-- 115. Archie
Codepen: https://codepen.io/WuChengHua/pen/OJmXowp
-->

<!-- 116. Jemma
Codepen: https://codepen.io/Jemma9/pen/rNmLZPP
-->

https://codepen.io/Sans-ge/pen/LYyZBEO

<!-- 117. will
https://codepen.io/will-liu/pen/RwVRegZ?editors=1100-->

<!--118 icy
https://codepen.io/ccsbjzze-the-sasster/pen/qBmNJeX-->

<!--119 宸 https://codepen.io/chen1219/pen/RwVREgP-->

<!-- 120 Carol LEE
https://codepen.io/chiashiunlee/pen/mdmEvJm
-->

<!-- 121 Minnie
https://codepen.io/minnnnnnnnie/pen/RwVRdPB
-->

<!-- 122 Luke Yan
https://codepen.io/jyyan/pen/KKmMEZz
-->

<!-- 123 Alberto
https://codepen.io/AlbertoLL/pen/mdmEYxp
-->
<!-- 124 Pocky
https://codepen.io/lightfish311/pen/rNmLEyj?editors=1100
-->

<!-- 125 Summer.H
https://codepen.io/wan-chine/pen/YzVWoaR
-->

<!-- 126. Louise
https://codepen.io/LouiseHuang/pen/BaRLKpY
-->

<!-- 127. Calon
Codepen: https://codepen.io/Calon0118/pen/wvdzqKM
-->

<!-- 128. 聿凌
Codepen: https://codepen.io/igzdflpu/pen/zYwKdmy
-->

<!-- 129. Benson
Codepen: https://codepen.io/polarBear712/pen/KKmgeGE
-->

<!-- 130. Min Chun Tsai
Codepen: https://codepen.io/Tsai0926/pen/mdmrGRb?editors=1100
-->

<!-- 131. Adrian Li
Codepen: https://codepen.io/thopoi5566/pen/mdmrZwj
-->

<!-- 132. Cora
Codepen: https://codepen.io/chakrafiregirl/pen/eYWBYrd
-->

<!-- 133. Page
Codepen: https://codepen.io/kanawin821/pen/OJmbNLW
-->

<!-- 134. 三隻小貓
Codepen: https://codepen.io/bagelover/pen/YzVppxW
-->

<!-- 135. Froel
Codepen: https://codepen.io/Froel/pen/OJmbzwM
-->

<!-- 136. 林雨樞
CodePen: https://codepen.io/FISH0701/pen/OJmNYor
-->

<!-- 137. Zaii Hsu
CodePen:https://codepen.io/ivy2846357/pen/poPRJrV?editors=1100 -->

<!-- 138. Oobdr
CodePen:https://codepen.io/xtsjrjdv/pen/KKmadjw -->

<!-- 139. Stacey Huang
Codepen: https://codepen.io/staceyhuang/pen/dyWvGNm
-->

<!-- 140. axlrock1021
codepen: https://codepen.io/lnjbmmxo/pen/MWmprLJ
-->

<!-- 141. Tori
codepen:
https://codepen.io/hayen/pen/KKmWXGZ?editors=1100
-->

<!-- 142. Joe Kuo
codepen:
https://codepen.io/alertislow/pen/abWWEpm?editors=1010
-->

<!-- 143. Newman
codepen:
https://codepen.io/newmankz/pen/qBmKrRm?editors=1100
-->

<!-- 144. WA
https://codepen.io/ldddl/pen/GRmGdww?editors=1010

<!-- 145. Keep
https://codepen.io/keep-/pen/rNwxoLL
-->

<!-- 146. Eason
https://codepen.io/alanwu0828/pen/oNwwpdQ?editors=1100
-->