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