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
Value | Description |
Length | A specified length that will set the gap between the columns |
normal | Default value. Specifies a normal gap between the columns. W3C suggests a value of 1em |
initial | Sets this property to its default value |
inherit | Inherits this property from its parent element. |
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