It's super easy to make columns of your webpage content using HTML5 &amp; CSS3. Just use the column-count command and specify no. of columns you need. If you are using a browser that doesn't support column-count command use it with the browser prefixes like -webkit-column-count: 4; for Chrome and Safari browsers and -moz-column-count: 4; for Mozilla Firefox etc. 
<pre><code>&lt;!DOCTYPE html&gt; 
&lt;html&gt; 
&lt;head&gt; 
&lt;style&gt; 
 .newspaper { 
 column-count: 4; 
 column-gap: 20px; 
 column-rule: 1px solid rgb(7, 4, 88); 
 } 
&lt;/style&gt; 
&lt;/head&gt; 
&lt;body&gt; 
 &lt;div class="newspaper"&gt; 
 &lt;p&gt;Put your content here&lt;/p&gt; 
 &lt;/div&gt; 
&lt;/body&gt; 
&lt;/html&gt;
</code></pre>

It's super easy to make columns of your webpage content using HTML5 & CSS3. Just use the column-count command and specify no. of columns you need. If you are using a browser that doesn't support column-count command use it with the browser prefixes like -webkit-column-count: 4; for Chrome and Safari browsers and -moz-column-count: 4; for Mozilla Firefox etc. 
```
<!DOCTYPE html> 
<html> 
<head> 
<style> 
 .newspaper { 
 column-count: 4; 
 column-gap: 20px; 
 column-rule: 1px solid rgb(7, 4, 88); 
 } 
</style> 
</head> 
<body> 
 <div class="newspaper"> 
 Put your content here 
 </div> 
</body> 
</html>
```

It's super easy to make columns of your webpage content using HTML5 & CSS3. Just use the column-count command and specify no. of columns you need.

How to make Columns of Webpage Content using HTML5 & CSS3

Consultant | Trainer | Technologies: DevOps, Cloud Native MERN &amp; eCommerce Apps, PHP-Laravel, Python | Digital Marketing


Qasim Nadeem's

Qasim Nadeem's

How to make Columns of Webpage Content using HTML5 & CSS3