Column properties:

You can divide one div or paragraph into columns by putting this property

column-count:3;

📌 This splits your content into 3 columns.

🔁 Change the number to fit your design: 2, 4, etc.

—

— You can set gaps between columns with this property:

column-gap:5px;

📌 Adds a 20px gap between each column.

✨ Can use units like px, em, or %.

—

— You can fill columns with this property :

column-fill:auto;

🧠 Choose how content flows: auto = Fill one column at a time (default) balance = Spread content evenly across all columns ✅ (Recommended for beauty)

—

— You can create a line between columns with this property:

column-rule:5px solid red;

You can use this property to divide column according width:

column-width:250px;