---
# System prepended metadata

title: 6/7 每日任務(測試用)
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---

# 6/7 每日任務(測試用)

## 問題

請問 .box 實際高度是多少？(請不要用瀏覽器觀察)

### 畫面呈現
**文字部分以兩行呈現為準**

![](https://i.imgur.com/HP0fOuq.png)


### HTML
```htmlembedded=
<div class="box">
  <p class="text">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo, provident sed illum recusandae nobis quidem? Cum nostrum, ab consectetur dolore fuga odit animi, debitis non quam deleniti sit numquam pariatur.
  </p>
  <img class="image" src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="">
</div>     
```
### CSS
```css
.text{
  font-size: 16px;
  line-height: 24px; 
  margin-bottom: 30px
}
.image{
  height: 30px;
}
``` 


## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：行高24*2行＋margin-bottom 30px +image height 30px+ image 本身會多出2~3px，所以 .box 高度應該是110~111之間  -->


回報區
---
1. [廖洧杰](https://www.google.com.tw)
<!-- 0. Bingbingboom（回報範例）
答案：（可直接撰寫答案）
Codepen：https://codepen.io/Bingbingboom/pen/jOBZVWq
-->

<!-- 1. 

-->