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까지 자유롭게 설정해주세요

Made with SlashPage