Column-gap Property

Colum-gap property is the gap between the Columns.

If there is a column-rule between columns, it will appear in the middle of the gap.

Property Value

Code:

<html>
<head>
<style>
.column {
column-count: 3;
column-gap: 20px;
}
</style>
</head>
<body>

<h1>The column-gap </h1>
<p>The column-gap property is the gap between the columns of the element:</p>

<div class="column">
The Tech Platform is your own platform, managed by you as your blog/website where you share your expertise, knowledge through your content (articles/videos/blogs and more) on your own platform and will not pay any expenses for your own site hosting for a life time.
</div>

</body>
</html>

Output:

The Tech Platform