# 🏅 Day 11 - 文字設定（font-size、line-height）

只要有運用到文字的部分，都要記得依照設計稿設定文字大小 font-size 與行高 line-height
>標題
>

>
>內文

## 題目

請依照第一週設計稿，將下方程式碼「...」部分加入文字樣式設定


<div class="container">
  <div class="w-50">
    <h3 class="title">
      Adwards
    </h3>
    <ul class="content">
      <li>Best in Show Award, National Advertising Awards, 2020</li>
      <li>Honorable Mention, International Design Competition, 2019</li>
      <li>People's Choice Award, Local Art Exhibition, 2018</li>
    </ul>
  </div>
</div>

> ==CSS 的部分要記得載入字體==，若還不熟悉可以參考課程影片「字體設定全攻略」。

body{
  font-family: 'Castoro', serif;
}

.container {
  width: 1296px;
  margin: 0 auto;
}

.w-50 {
  width: 50%;
}

.title {
  margin-bottom: 16px;
  color: #ae0000;
  border-bottom: solid #ae0000 3px;
  ...
  ...
}

.content li {
  margin-bottom: 12px;
  ...
  ...
}

.content li:last-child {
  margin-bottom: 0px;
}

>你還不懂 :last-child 是什麼嗎？這個語法主要是能選擇該項最後一個項目，可以參考此[文章](https://developer.mozilla.org/zh-CN/docs/Web/CSS/:last-child)

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
https://codepen.io/jmimiding4104/pen/rNQNMje
-->

### 回報區

|#|Discord|CodePen / 答案|
|:----:|:----:|:----:|
| 1 | han | [Codepen](https://codepen.io/iamHanCheng/pen/Bagapqv?editors=1100) |
|2|Hailey|[Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/qBzBRLX)|
| 3 | 喵喵 | [Codepen](https://codepen.io/snow1224/pen/WNqNRLq) |
| 4 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/zYVYNbN?editors=1100) |
| 5 | fendy1223 | [Codepen](https://codepen.io/fendy1223/pen/XWLWpwN) |
| 6 | Kiwi | [Codepen](https://codepen.io/kiwi1113/pen/mdZdWbz) |
| 7 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/xxoxqbX?editors=1100) |
| 8 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/XWLWMJM) |
| 9 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/jOjOBqb) |
| 10 | 邵 |[Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/JjQjWEL)|
| 11 | yoishere |[Codepen](https://codepen.io/yoishere/pen/RwzwpoE)|
| 12 | jimmy.0706 |[Codepen](https://codepen.io/JimmyMao/pen/ExBxWbQ)|
| 13 | TONY名彤 | [Codepen](https://codepen.io/Ming-Tung-Chien/pen/qBzBrqo) |
| 14 | brucelee0629 | [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/jOjOBZM) |
| 15 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/BagaWvj?editors=1100) |
| 16 | GAVI | [Codepen](https://codepen.io/qbafldcv-the-scripter/pen/XWLWMLY) |
| 17 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/GRbRmRJ) |
| 18 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/ExBxmZr) |
| 19 | Jainee | [Codepen](https://codepen.io/Jainee0110/pen/mdZdmQR) |
| 20 | Anna | [Codepen](https://codepen.io/Anna-Teng/pen/xxoxdQK)|
| 21 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/VwJwWjp) |
| 22 | Kim | [Codepen](https://codepen.io/kim0101__/pen/XWLWgVX?editors=1100) |
| 33 | wei | [Codepen](https://codepen.io/Wei-the-sasster/pen/poXowdX?editors=1100) |
| 34 | Yolanda | [Codepen](https://codepen.io/vcscqrtz-the-animator/pen/dyByRjV) |
| 35 | kawa | [Codepen](https://codepen.io/z83xji6/pen/vYqYZwr) |
| 36 | 皮皮 | [Codepen](https://codepen.io/rainbow-the-reactor/pen/KKjKvZg) |
| 37 | KUN. | [Codepen](https://codepen.io/barry91205/pen/PoroJbG) |
| 38 | Aura | [Codepen](https://codepen.io/AURATAO/pen/LYKYzzP) |
| 39 | Dolce_墨 | [Codepen](https://codepen.io/DolceTseng1026/pen/xxoxXPN) |
| 40 | lunlun0514 | [Codepen](https://codepen.io/f5badapple/pen/mdZdBvW) |
| 41 | tim | [Codepen](https://codepen.io/jskrtivy-the-animator/pen/abgoOme) |
| 42 |OSN|[Codepen](https://codepen.io/osncodepen/pen/Rwzwjrg)|
| 43 | Jack | [Codepen](https://codepen.io/kxbhixte-the-sasster/pen/YzozEZQ) |
| 44 | 泊岸 | [Codepen](https://codepen.io/qoq77416416/pen/oNrNoeZ?editors=1100) |
| 45 | fan_fan | [Codepen](https://codepen.io/fan1102/pen/JjQjOZW?editors=1100) |
| 46 | Jim | [Codepen](https://codepen.io/JimChou/pen/BagaJQX) |
| 47 | ss585801. | [Codepen](https://codepen.io/ss585801/pen/bGPGaqG?editors=1100) |
| 48 | glen_69515 | [Codepen](https://codepen.io/glenyaochih/pen/MWMWrxE?editors=1100)|
| 49 | david1819 | [Codepen](https://codepen.io/David-Lin-the-vuer/pen/bGPGLxY?editors=1100) |
| 50 | ya_meow |[Codepen](https://codepen.io/gkfxzvcb-the-bashful/pen/dyBymON?editors=1100)|
| 51 | MY | [Codepen](https://codepen.io/ahmomoz/pen/RwzwMpL) |
| 52 | 超立方體Andy |[Codepen](https://codepen.io/Andy-Yu-the-scripter/pen/BagaVQQ)|
| 53 | Sonia |[Codepen](https://codepen.io/YUJOU/pen/KKjKBqE?editors=1100)|
| 54 | Mike |[Codepen](https://codepen.io/mike2049/pen/VwJwEoj?editors=1100)|
| 55 | KevinHuang |[Codepen](https://codepen.io/qw-huang/pen/NWZWExz?editors=1100)|
| 56 | jasonlin | [Codepen](https://codepen.io/gfswkraq-the-reactor/pen/oNrNQyw) |
| 57 | Theodore | [Codepen](https://codepen.io/GustavoFringgg/pen/PoroXwX?editors=1100) |
| 58 | Angela_la | [Codepen](https://codepen.io/Angela-the-builder/pen/zYVYyON?editors=1100) |
| 59 | n913239 | [Codepen](https://codepen.io/n913239/pen/gONOEWo) |
| 60 | ninii傳教士 | [Codepen](https://codepen.io/niiniiii/pen/abgbxMK?editors=1100) |
| 61 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/mdZdYwe)|
| 62 | 咖 | [Codepen](https://codepen.io/daru-Ga/pen/JjQjqde)|
| 63 | Kerwin | [Codepen](https://codepen.io/kerwin/pen/yLdLdXr) |
| 64 | 瑞斯Darius_TszYing | [Codepen](https://codepen.io/bekgnohe-the-selector/pen/QWXWery?editors=1100) |
| 65 | iamcan | [Codepen](https://codepen.io/uhnxswdq-the-typescripter/pen/oNrgvBR) |
| 66 | wind | [Codepen](https://codepen.io/wind7y/pen/MWMYgvG) |
| 67 | 小咪 | [Codepen](https://codepen.io/iloveu3000x/pen/poXvoJQ) |
| 68 | gracechiang225 | [Codepen](https://codepen.io/gracechiang225/pen/OJePJYa?editors=1100) |
| 69 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/jOjEOxJ) |
| 70 | PoWei | [Codepen](https://codepen.io/Po-Wei-Lai/pen/zYVxxaP) |
| 71 | neoyo | [Codepen](https://codepen.io/Neo-oo/pen/rNEaaXp) |
| 72 | emmayo | [Codepen](https://codepen.io/emmayo/pen/YzoPPbM) |
| 73 | hoyiiiii | [Codepen](https://codepen.io/hoyii/pen/GRbgqZE) |
| 74 | jamesct34 | [Codepen](https://codepen.io/JCT34/pen/mdZyEWM) |
| 75 | hedwig | [Codepen](https://codepen.io/adirehfz-the-encoder/pen/xxobOjO) |
| 76 | Noelle | [Codepen](https://codepen.io/NoelleKH/pen/zYVxoQX) |
| 77 | 爆漿 | [Codepen](https://codepen.io/dhpsxzwh-the-decoder/pen/BagypgG) |
| 78 | chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/poXvrJo) |
| 79 | Steven1220 | [Codepen](https://codepen.io/Steven1220/pen/abgzyyy) |
| 80 | jerry_66983 | [Codepen](https://codepen.io/Barry-C/pen/MWMYEVG?editors=1100)
| 81 | Matt BB | [Codepen](https://codepen.io/mm3248965/pen/GRbgMvp)
| 82 | hao jing | [Codepen](https://codepen.io/hjxu/pen/PorwOGJ?editors=1100)
| 83 | lianne._. | [Codepen](https://codepen.io/Elaina-L/pen/JjQoaYN) |
| 84 | macihuang | [Codepen](https://codepen.io/macy1215/pen/zYVxJNN?editors=1100) |
| 85 | 嚼勁 | [Codepen](https://codepen.io/James520284/pen/dyBPQKN) |
| 86| Lobinda | [Codepen](https://codepen.io/Lobinda/pen/OJePGJo)|
| 87 | Arvin | [Codepen](https://codepen.io/arvinyang1925/pen/poXvBGb) |
| 88 | 深海 | [Codepen](https://codepen.io/KAI-SHIN-the-animator/pen/zYVxQJm) |
| 89 | 610 | [Codepen](https://codepen.io/YI-LING-LIU/pen/mdZJdWW) |
| 90 | Enn | [Codepen](https://codepen.io/enntang/pen/OJeVVBR) |
| 91 | 俊 | [Codepen](https://codepen.io/jun12079/pen/ExBjKWL) |
| 92 | skyderry | [Codepen](https://codepen.io/hvvjvkva-the-sasster/pen/MWMwQGO) |
| 93 | Joannehu | [Codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/ExBjOQq) |
| 94 | chris | [Codepen](https://codepen.io/chrischen666/pen/PorqVBq?editors=1100) |
| 95 | smallr1229 | [Codepen](https://codepen.io/Smallr/pen/QWXWeoK) |
| 96 | 小翎 |[CodePen](https://codepen.io/debbielin/pen/oNrXKGe?editors=1100)|
| 97 | Yunya | [Codepen](https://codepen.io/cookie1515/pen/eYwppzL) |
| 98 | 黛西 | [Codepen](https://codepen.io/ChiashengLin/pen/OJeyXEj) |
| 99 | EdHuang | [Codepen](https://codepen.io/yide1986/pen/KKjdNdV) |
| 100 | icesea25 | [Codepen](https://codepen.io/icesea25/pen/rNEOqEJ) |
| 101 | abab016001 | [Codepen](https://codepen.io/abab016001Jin/pen/WNqQLXL) |
| 102 | 地瓜 | [Codepen](https://codepen.io/huangtzuchin/pen/PorPXaB) |
| 103 | 白夜 | [Codepen](https://codepen.io/Wei903/pen/PorPVZV) |
| 104 | xcx100 | [Codepen](https://codepen.io/c13026/pen/YzowWWm) |
| 104 | yaoling.liang | [Codepen](https://codepen.io/Yao-Ling-L-/pen/JjQGKvq) |
| 105 | qet1717 | [Codepen](https://codepen.io/gwteqexi-the-bold/pen/vYqGmmR) |
| 106 | LKP | [Codepen](https://codepen.io/qtghjujs-the-sasster/pen/BagzNwq?editors=1100) |
| 107 | ho_yc | [Codepen](https://codepen.io/Ho_HYC/pen/gONMVap) |
| 108 | Show21 | [Codepen](https://codepen.io/t10026706/pen/poXEjXP?editors=1100)|
| 109 | zen | [Codepen](https://codepen.io/zen742937/pen/zYVKRMv)|
| 110 | heidi | [Codepen](https://codepen.io/Heidi-Hsiao/pen/PorbYqp)|
| 111 | Chieh | [Codepen](https://codepen.io/Chieh_/pen/qBzqryv)|
| 112 | eddiesun0526 | [Codepen](https://codepen.io/Eddie0526/pen/MWMbZyJ)|
| 113 | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/zYVNXzd)|
| 114 | 野鴿 | [Codepen](https://codepen.io/HoshinoSyouta/pen/oNrZmZV)|
| 115 | Toung | [Codepen](https://codepen.io/Toung/pen/WNqjEoW) |
| 116 | Emma | [Codepen](https://codepen.io/Emma0919/pen/oNrwxOO) |
| 117 | 星雨 | [Codepen](https://codepen.io/ybxyuhcv-the-solid/pen/YzorEZM) |
| 118 | Judy | [Codepen](https://codepen.io/yangchi/pen/ExBbKYa) |
| 119 | tung | [Codepen](https://codepen.io/ru-ching/pen/GRbQBox) |
| 120 | ji3di | [Codepen](https://codepen.io/jwuuhtxh-the-builder/pen/JjQLxGx?editors=0100) |
| 121 | OZ | [Codepen](https://codepen.io/OZ_design/pen/QWXrPLP?editors=1100) |
| 122 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/mdZoNRa) |
| 123 | Lotte | [Codepen](https://codepen.io/hmkdoxuj-the-decoder/pen/QWXPJPP?editors=1100) |
| 124|Rita|[Codepen](https://codepen.io/k99364/pen/oNKvgvg)
<!--
| No | Discord | [Codepen]() |
-->