مثال على خاصية column-count في CSS3 - محرر نماذج عبر الإنترنت (oldtoolbag.com)

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>مثال على خاصية column-count في CSS3 - أساسيات التدريب (oldtoolbag.com)</title>
<style>
	p {
		-webkit-column-count: 3; /* كروم، سفاري، أوبرا */
		   -moz-column-count: 3; /* فايرفوكس */
				column-count: 3; /* النحو القياسي */
	}
</style>
</head>
<body>
    <p>أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
أشعة الشمس في الصباح تلمس الأرض، الرياح الخفيفة تزيل التعب من أجسادنا. صباح شتوي قاسي لكن حيوي، نحن نحمل حقيبتنا، نحمل أمتعة ثقيلة، متحمسين، متحمسين، فضوليين، نتطلع، نبدأ رحلتنا عبر المدينة القديمة للقرن الثامن عشر الميلادي - شنغهاي.
</body>
</html>