# Create multiple columns in Obsidian
## Test 1
<html>
<head>
<meta name="viewport"
content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
.column{
float: left;
width: 50%;
padding: 5px;
}
.row:after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<body>
<div class="row">
<div class="column">
<p> some text</p>
</div>
<div class="column">
<p> some text</p>
</div>
</div>
</body>
</html>
## 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
>[!summary] 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.
>
>> [!warning] Resources
>> #### Requirement
>> - Lorem ipsum dolor sit amet
>> - Vitae nunc sed velit dignissim sodales.
>> - In cursus turpis massa tincidunt dui ut ornare lectus.
>
>> [!todo]+
>> - [x] Define Use Case
>> - [ ] Craft User Story
>> - [ ] Develop draft sketches
### List Column Example
- #### Core Work #mcl/list-column
- [[00 Home|Main Goal 1]]
- [[00 Home|Main Goal 2]]
- [[00 Home|Main Goal 3]]
- Collaboration with Jane
- [[00 Home|Main Goal 4]]
- #### Learning & System
- [[00 Home|Learning Goal 1]]
- [[00 Home|Initiative 1]]
- [[00 Home|Initiative 2]]
- #### Personal
- [[00 Home|Personal Goal 1]]
- [[00 Home|Personal Goal 2]]
### List Grid Example
- #### Core Work #mcl/list-grid
- [[00 Home|Main Goal 1]]
- [[00 Home|Main Goal 2]]
- [[00 Home|Main Goal 3]]
- Collaboration with Jane
- [[00 Home|Main Goal 4]]
- #### Learning & System
- [[00 Home|Learning Goal 1]]
- [[00 Home|Initiative 1]]
- [[00 Home|Initiative 2]]
- #### Personal
- [[00 Home|Personal Goal 1]]
- [[00 Home|Personal Goal 2]]
### List Card Example
- #### Core Work #mcl/list-card
- [[00 Home|Main Goal 1]]
- [[00 Home|Main Goal 2]]
- [[00 Home|Main Goal 3]]
- Collaboration with Jane
- [[00 Home|Main Goal 4]]
- #### Learning & System
- [[00 Home|Learning Goal 1]]
- [[00 Home|Initiative 1]]
- [[00 Home|Initiative 2]]
- #### Personal
- [[00 Home|Personal Goal 1]]
- [[00 Home|Personal Goal 2]]
## Test 5 - css
>[!columns3] 3 columns
>This is text
>more text
>another text
>
>text after a space
>more
>
>another space
>more text
>and 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
```column-settings
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