] हालाँकि, जब तत्वों को अपने माता -पिता की ऊंचाई को प्रभावित करने के लिए अपने घुमाए गए पाठ की आवश्यकता होती है, तो प्रश्न उत्पन्न होते हैं।

निम्नलिखित परिदृश्य पर विचार करें:

। StatusColumn b { लेखन-मोड: टीबी-आरएल; व्हाइट-स्पेस: Nowrap; प्रदर्शन: इनलाइन-ब्लॉक; अतिप्रवाह: दृश्यमान; रूपांतरण: रोटेट (-90DEG); ट्रांसफॉर्म-मूल: 50% 50%; }

घुमाए गए पाठ में पड़ोसी तत्वों को ओवरलैप करना। लक्ष्य यह सुनिश्चित करने के लिए CSS को संशोधित करना है कि घुमाया गया तत्व अपने माता-पिता की ऊंचाई को सही ढंग से प्रभावित करता है, पाठ ओवरलैप को रोकता है। स्थिति: रिश्तेदार; सीमा: 1px ठोस #CCC; गद्दी: 2px; मार्जिन: 2px; चौड़ाई: 200px; } .Statuscolumn i, .Statuscolumn B, .Statuscolumn Em, .Statuscolumn मजबूत { लेखन-मोड: वर्टिकल-आरएल; रूपांतरण: रोटेट (180DEG); व्हाइट-स्पेस: Nowrap; प्रदर्शन: इनलाइन-ब्लॉक; अतिप्रवाह: दृश्यमान; }

  
Normal
  
Normal
  
Rotated
  
Normal