# 2-2. 이미지 위에 태그로 글자넣기 

# 👉🏻 이미지 위에 태그 넣기 

> 📍 섹션이미지로 배경을 넣고 텍스트 위젯을 추가했는데 글씨를 겹치기 어려웠어요
> 📍 그래서 태그로 html을 넣었어요
> 

```
<style>
  p {
	color: #FFFFFF;
  }
</style>
<p style="text-align: center; line-height: 0.7;"><span style="font-size: 44px;">IT&#39;S RAW,</span></p>
<p style="text-align: center; line-height: 0.7;"><span style="font-size: 48px;">FERMENTED</span></p>
<p style="text-align: center; line-height: 0.7;"><span style="font-size: 22px;">AND</span></p>
<p style="text-align: center; line-height: 0.7;"><span style="font-size: 44px;">NOT</span></p>
<p style="text-align: center; line-height: 0.7;"><span style="font-size: 40px;">KIDDING AROUND</span></p>
<br><br><br>
```

> 코드설명 
> - line 1~5) CSS 코드
> - line 2~3) **p** 라는 태그의 **color**를 흰색으로 지정
> - line 6~10) 텍스를 써주시면 됩니다! 
> - line 6~10) **font-size** 는 화면을 넘지않도록 수정
> - line 6~10) **line-height**는 글자간 높이설정 **0.7~1**까지 자유롭게 설정해주세요
>

For the site tree, see the [root Markdown](https://slashpage.com/amaewo.md).