Multiple Columns CSS3 का एक Advance Feature है जिसका उपयोग Newspaper Layout को बनाने के लिए किया जाता है.
आप अपने एक Articles मे एक से अधिक Columns बना सकते है भले ही वह एक Paragraph मे हो.
CSS3 मे Multiple Columns की तीन Properties है जो उचित Layout बनाने के लिए उपयोग की जाती है.
<!DOCTYPE html>
<html>
<head>
<title>Example of Multi columns</title>
<style>
#multiple_columns {
text-align:justify;
column-count:3;
-webkit-column-count: 3;
-moz-column-count: 3;
column-rule: 2px solid #6AAFCF;
-webkit-column-rule: 2px solid #6AAFCF;
-moz-column-rule: 2px solid #6AAFCF;
column-gap: 40px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
}
</style>
</head>
<body>
<div id="multiple_columns">
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
My Name is Ammu. I Live in Telangana. My Best Friend is Ali
</div>
</body>
</html>