positionをつけなかった場合、borderが長方形になる理由が知りたい

textのline-heightが適用されるからですね。
2020年9月13日
ユーザー

疑問なのですが、.text::beforeに対して border: 8px solid #fffを指定し、まだpositionはそれぞれかけない状態でborderに色をつけて出力を確認してみたところ、16px × 32pxの長方形型のものが出力されます。教材のようにそれぞれpositionをつけるとその通り16px × 16pxの正方形のものが出力はされるのですが、なぜpositionをつけていな段階においては16px × 16pxのものが出力されないのでしょうか?高さが32pxになる理由がわかりません。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(5)