Create multiple columns in Obsidian

Test 1

some text


some text


test 2

.two-column {
display: block;
column-count: 2;
break-inside: avoid;
orphans: 5;
widows: 5;
scroll-snap-type: x mandatory;
scroll-padding-left: 50%;
}

.two-column p {
scroll-snap-align: center;
}

test 3

https://github.com/tnichols217/obsidian-columns

Test 4

https://github.com/efemkay/obsidian-modular-css-layout

Works on Obsidian Publish

Multi-Column Callout

Nest callouts within the first callout:

>[!multi-column]
Multi-column

Use Case #mcl/list-column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

User Case Background

Vitae nunc sed velit dignissim sodales. In cursus turpis massa tincidunt dui ut ornare lectus.

Resources

Requirement

  • Lorem ipsum dolor sit amet
  • Vitae nunc sed velit dignissim sodales.
  • In cursus turpis massa tincidunt dui ut ornare lectus.

Todo

List Column Example

List Grid Example

List Card Example

Test 5 - css

works in obsidian app, not in digital garden publish - if including dataview query

3 columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
more text
another text

"Lorem ipsum dolor
content

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
another line

Other Tests

https://github.com/ckRobinson/multi-column-markdown
https://www.reddit.com/r/ObsidianMD/comments/rmaviy/is_there_a_way_to_do_this_in_obsidian_split_the/
https://github.com/tnichols217/obsidian-columns?tab=readme-ov-file
https://www.youtube.com/watch?v=uSCsWppTFHs&t=29s

Border: enabled
shadow: disabled
column spacing: 0
number of columns: 4

Overview
Health Index

--- end-column ---

Personal
Doctors
Meal Planning

--- end-column ---

.
Appearance
Hair Care
Hormonal Balance
Skin Care

--- end-column ---

Ideas
Adrenal Cocktail

--- end-multi-column