column-gap

The column-gap property designates the gap between columns.

Syntax

If a column-rule is specified, it will display in the middle of the gap.

div.ex {
  column-gap: 25px;
}

Values

length
Designates the length of the gap between columns.

normal
Default value. Designates a normal gap between columns.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

User-submitted codepen.io examples of column-gap ↴

@ByteAtATime

See the Pen on CodePen.

reply?

Want to Contribute?

Submit a codepen.io link that demonstrates column-gap: