Obsidian’s new multi-column option: the Horizontal Block plugin, with customizable appearance and easy operation

Previously, I introduced several multi-column style plugins:

• Obsidian Columns: Obs084 – A Simpler Multi-Column Note-Taking Method: Using the Obsidian Columns Plugin
• Simple Columns: A New Multi-Column Choice for Obsidian: Simple Columns – Customize Appearance, Drag to Adjust Column Width, Boost Efficiency

Horizontal Block is a new plugin with the following features:

1. Custom appearance: Enable the settings button for each section, allowing you to set block background color, text color, and adjust column width by reducing or enlarging it.
2. Column width can be adjusted by dragging within the window.
3. Column separators use ---, instead of triple backticks, making it more friendly for code blocks.
4. Simple Columns requires specifying an ID at the beginning, while Horizontal Block does not.
5. Simple Columns offers a command to add new blocks.

1. Example

• Code language: horizontal or hblock
• Column separator: ---

````hblock
### Callouts
> [!INFO] Callouts
>  column 3-1
>  column 3-2
>> [!ERROR] Error description
>>  Nested callout
---
### Codeblock
JavaScript
```js
let msg = "Hello, world!";
let url = window.location.href;
```
---
### 3.1. Image
![](https://raw.githubusercontent.com/emisjerry/upgit/master/2024/1711524303000xhzo15.png)
````

2. Usage

1. Insert a code block, specifying the language as horizontal or hblock.
2. Separate sub-blocks using ---.
3. In the options settings, you can enable function buttons for sub-blocks.

3. 💡 Related Links

💡 Explanation article (Traditional Chinese): https://jdev.tw/blog/8991/
💡 Explanation article (English)
💡 Explanation article (Japanese)

✅ Simple-Columns Plugin: https://github.com/Josie1902/Simple-Columns
✅ Horizontal Block Plugin: https://github.com/iCodeAlchemy/horizontal-blocks