مثال على خاصية CSS3 column-span - محرر حالي للنصوص (oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>مثال خاصية column-span CSS3 - درس أساسي (oldtoolbag.com)</title>
<style>
    h1 {
        -webkit-column-span: all; /* Chrome, Safari, Opera */
                column-span: all; /* بناء القواعد المعيارية */
    }
	p.columns {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		   -moz-column-count: 3; /* Firefox */
				column-count: 3; /* بناء القواعد المعيارية */
	}
</style>
</head>
<body>
 <p> <strong>ملاحظة:</strong> لا يدعم خاصية column-span في Firefox و Internet Explorer 9 (و الإصدارات الأقدم).</p>
     <h1>هذا العنوان سيشمل جميع ثلاثة أعمدة</h1>
    <p class="columns">
 لم يُنجز الإمبراطور الأب نصف عمله عند وفاته، والآن العالم مقسم إلى ثلاثة أجزاء، يواجه إقليم ييزو مشقة، هذا هو الوقت الحرج الذي يُحسم فيه البقاء أو الموت. ومع ذلك، لم يُتعب السداسين في الداخل، والشجعان الذين نسيوا أنفسهم في الخارج، كانوا يتبعون التعامل المميز للإمبراطور الأب، يريدون أن يُقابلوا السيد الإمبراطور. يجب أن يُفتح السيد الإمبراطور آذانه، ليُبرز فضل الإمبراطور الأب، ويُعزز روح الشجعان، لا يجب أن يُقلل من قيمته بنفسه، ولا يجب أن يُستخدم التشبيه الخاطئ لِيُحجب طريق النصائح الصادقة.
في القصر وفي المحافظة، هم كيان واحد، لا يجب أن يكون هناك اختلاف في العقوبة والثناء. إذا كان هناك من يرتكب الجريمة أو يتصرف بخير، يجب أن يُعرض على السلطات لتقييم العقوبة أو المكافأة، لكي يُظهر السيد الإمبراطور العدالة والوضوح، لا يجب أن يكون هناك تحيز، لكي لا يُحجب طريق النصائح الصادقة.
المقدم، الكاتب، المدير، والسكرتير، هم جميعًا أشخاص جيدين ومصدقين، صادقين في أهدافهم واهتماماتهم، لذا اختار الإمبراطور الأبهم لإرثك السيد الإمبراطور. أعتقد أن يجب استشارتهم في جميع الأمور في القصر، وأن يتم تنفيذها بعد ذلك، وأنها ستساعد في تعزيز نقاط القصور وتحقيق المزيد من الفوائد.
الجنرال شوانغ تشونغ، صحيح النفس والسلوك، على دراية بالعسكرية، تم اختباره في الماضي، وأطلق عليه الإمبراطور الأب لقب 'القدرة'، لذا اقترح الجميع أن يُعين تشونغ كمدير. أعتقد أن يجب استشارته في جميع الأمور في المخيم، وأنه سيتمكن من تحقيق وحدة في الصفوف، وأن يُعطى للجميع ما يستحقه.
التقريب من الفضلاء، والبعد عن الأشرار، هذا هو السبب في ازدهار الإمبراطورية الأولى؛ التقريب من الأشرار، والبعد عن الفضلاء، هذا هو السبب في انهيار الإمبراطورية الثانية. عندما كان الإمبراطور الأب حيًا، كان يتحدث عن هذا الأمر، لم يكن يتأخر أبدًا عن البكاء والاستياء على هوانغ لينغ و لينغ. كان هذا المقدم، الكاتب، المدير، والمساعد، جميعهم أعضاء مخلصين يُعرفون بالشرف والولاء، يرجى أن يُقربهم السيد الإمبراطور ويُثق بهم، فإن ازدهار الإمبراطورية يمكن حسابه في أيام.
كنت أرتدي ملابس البساطة، وأزرع في نانغو، في فوضى العالم، أتمنى أن أُنقذ حياتي، لا أتمنى أن أُعرف في ملوك المناطق. لم يكن الإمبراطور الأب يعلم ببساطتي وأمجودتي، ولكنه أجبرني على أن أذهب إلى بيت العشب لثلاث مرات، واستشاره في أمور العالم اليوم، لذا شعرت بالامتنان، ووافقت على أن أُقود الإمبراطور الأب. بعد ذلك، في وقت الهزيمة، تلقيت الوظيفة في وقت الأزمة، ومنذ ذلك الحين، مرت عشرين وواحدًا وعشرين سنة.
كان الإمبراطور الأب يعلم أنني حذر، لذا أرسل لي الأشياء الكبيرة عند موته. منذ أن تلقيت الأوامر، كنت أقلق وأتألم طوال الليل، أخاف أن لا أفي بولاية الإمبراطور الأب، وأتضرر من برقته الذكية، لذا عبرت النهر في مايو، دفعت في الأراضي العشوائية. الآن، الجنوب يُعتبر مستقرًا، والأسلحة كافية، يجب أن أُعزز قواتي الثلاثة، وأُقوم بتثبيت الشمال، وأستخدم كل ما في وسعي، أزيل الأشرار، أُعيد الإعمار إلى عاصمة الهان القديمة. هذا هو السبب في أنني أردت أن أُعيد الإمبراطور الأب وأُلزم نفسي بخدمة السيد الإمبراطور. بالنسبة لتحسين أو تقليل الفوائد، وتقديم النصائح الصادقة، فإن واجب يو، يي، يونغ هو.
يرجى أن يولي لي سعادتك بتحقيق هدف الهجوم على الخائنين وإعادة الإعمار، إذا لم يتحقق النجاح، فتُعاقبني على جريمة العجز، لكي يُخبر روح الإمبراطور الأب عن ذلك. إذا لم يكن هناك كلام عن تطوير الأخلاق، فإنه يجب على سعة العقل أن تُحاسبه على التهاون من قبل يو، يي، يونغ، وما إلى ذلك، لكي يُظهر خطأهم؛ أيها السيد الإمبراطور يجب أن يخطط بنفسه، ليتشاور في الطريق الجيد، ليستمع إلى الكلام الجميل، ليتبع أوامر الإمبراطور الأب بشكل عميق، لا أستطيع تحمل الفضل الذي تلقيته وأنا ممتن.
اليوم، عندما أكون بعيدًا، أذرف الدموع عند النظر في الجدول، لا أعرف ماذا أقول.</p>
</body>
</html>