빠른 CSS 퀴즈 #3

이 일련의 글에서 저는 CSS의 이상한 부분을 주목하고 테스트와 답을 던져서 CSS가 어떻게 일을 하는지 깊이 이해하고자 합니다.

문제는 다음과 같습니다.

다음 코드 세션이 있습니다. font-size이 12px와 같은 단락 요소에 대해 이 단락의 line-height이 font-size(24px)의 두 배가 되기를 바랍니다.다음 중 line-height의 값을 body 요소에 적용하면 이 작업을 수행할 수 있습니다.
브라우저의 기본 글꼴 크기는 16px입니다.

<p style="font-size: 12px">Having fun solving CSS Quiz</p>

<style>
body {
  line-height: <value>;
}
</style>

옵션:

200%

2em

2

쌍

정답:

당신은 아래에서 답을 찾을 수 있지만, 이 시험에서 이익을 얻을 수 있도록 몇 분 동안 생각할 시간을 주십시오.

👇👇👇

정답: "2"🎉🎉
만약 당신이 왜 이것이 정확한 답안인지 알고 싶다면, 아래의 토론을 읽어 주십시오. 나는 곧 설명을 발표할 것입니다.
표지 사진 원작자: Sergi Delgado