في هذا المقطع،
[details="Summary"]
This text will be hidden
[/details]
هناك قاعدتان من CSS تجعلان display: block على كل العناصر الفرعية أو الشقيقة:
details[open] > *, details[open] .lightbox-wrapper {
display: block;
}
details[open] > summary:first-of-type ~ *,
details.open > summary:first-of-type ~ * {
display: block;
}
هذه مشكلة لأن كل عنصر من المفترض أن يكون مضمنًا سيتم عرضه ككتلة بدلاً من ذلك، ويشغل كل العرض. مثل span أو رابط. ما الغرض من هذه القواعد؟ 
مثال:
[details="Hidden"]
Enhanced image and comparison with the same halo on Earth:
Though Mars's atmosphere is composed of 95% of carbon dioxide (CO<sub>2</sub>), the halo was produced by water (H<sub>2</sub>O) ice crystal, hence the similarity with the common Earth 22° [halo](https://en.wikipedia.org/wiki/22%C2%B0_halo?oldformat=true). It's exactly the same, in fact.
[/details]
↓
Hidden
Enhanced image and comparison with the same halo on Earth:
Though Mars’s atmosphere is composed of 95% of carbon dioxide (CO2), the halo was produced by water (H2O) ice crystal, hence the similarity with the common Earth 22° halo. It’s exactly the same, in fact.
هنا يوجد 3 عناصر مضمنة: <sub> ورابط:
تختفي المشكلة إذا قمنا بتمكين الوضع الآمن وتعطيل جميع الإضافات، حتى لو لم يكن لدينا أي إضافات مخصصة مثبتة:
مثال فيديو من try.discourse.org:
لكنني سأستخرجه كـ اقتباس لإعطائه دفعة صغيرة في حال تم تجاهله سابقًا، ونأمل أن يعرف شخص آخر في المجتمع المزيد. 