How to Add Vertical Divider in Notion? 3 Effective Ways

Notion is a popular productivity app that can help you organize your entire workflow. But if you are just getting started, Notion can be a bit overwhelming, given the number of information you can cram on each page. So adding a simple vertical divider in Notion can significantly improve readability and improve the overall experience of using Notion.

So, in this guide, we will discuss the step-by-step process of how to add vertical divider in Notion in three easy steps.

How to Add Vertical Dividers in Notion?

A vertical divider in Notion is a simple line break that helps you organize your Notion page. However, Notion, by default, does not offer any specific feature that allows this, but some workarounds allow you to get the same feature. Here is a step-by-step guide on how you can do it.

Way 1: Via Quote Block

One of the easiest methods to add Vertical Dividers in Notion is by using the Quote Block. Here is a step-by-step procedure to follow.

Step 1: Create a new Notion page and add a few text blocks on the page as illustrated in the image below.

Step 2: Next, hover your mouse cursor to the left of the block, and you will see a small dotted icon appear as a handle.

Step 3: You can press and hold the left icon of your mouse and drag the small dotted icon to the right to create a column layout.

Step 4: Delete the “block 2” content and tap on the + icon and select the “Quote” option from the left drop-down menu or type “/quote” to get the Quote block. You can press the shift key and then the enter key to increasing the size of the vertical divider.

Step 5: Once the height of the vertical divider is adjusted, you can repeat steps 2 & 3 to add more columns.

Step 6: To adjust column width, hover your mouse around the column’s divider until you see your cursor transform into an arrow. You can then click and drag it left or right to adjust the weight of the column.

Way 2. Via Custom Color and Thickness

If you want to create a custom vertical divider with a specific thickness, the earlier method of using a quote block will be less useful. You can try typing in some simple codes in Notion to help you achieve a divider with the specific thickness you actually want. Do not worry; you do not need prior coding skills to get it done, and the whole process is as simple as copying some commands. Here is a detailed guide to help you out.

Step 1: Open the Notion page if you want to add the divider. You can either create a new one or use an existing Notion page.

Step 2: Create columns on your Notion page， you can click and drag the ⋮⋮ symbol that appears when you hover on a block. You can then follow the blue guide and drop it anywhere to create a new column.

Step 3: Next, copy the code : $$\color{red}\rule{3px}{400px}$$

Copy the vertical divider code in notion

Step 4: Paste it in the second column and see the magic.

create vertical divider using custom color in notion

Note: you can be creative with the code. For example, you can choose any color instead of red or use any pixel size for the divider. Tweak the code and see what works for you.

Way 3. Via Table Block

Another way to add a notion vertical divider is to create a table and divide them up both vertically and horizontally. This is also one of the most used methods when it comes to adding a vertical divider in Notion. However, before you try the Table block method, do note that Notion tables are not that customizable. You can tweet some basic aspects like adding a hyperlink or making the texts bold or italic. But you will miss on features like changing the font or resizing the texts. So, if you do require any of these features, adding a vertical divider using Quote Block or Custom Color and Thickness would be better. However, if you do not require any advanced features, here is a quick guide on adding a vertical divider in Notion.

Step 1: Open a Notion page and tap on the + icon that appears on the left margin when you hover on a new line.

Step 2: Now select the table option from the drop-down menu that appears.

Step 3: You can add a column to the table by hovering on the right side of the table or by pressing the + icon.

Step 4: You can now click on the ←→ icon to change the shape of the table to visually change the vertical divider.

Note: You can use the options menu from the menu to change the visual look and feel of the table.

Final Words

Here are all methods for how to add vertical divider in Notion. Having a vertical divider can help elevate and organize the overall look and feel of a Notion page. You can create as many vertical columns as possible and add a custom divider between them. To do this, you can either use the default table block method and quote block or, if you really want to customize the looks, you can use a simple code to get started. You can truly customize the overall look and feel using the code snippet above but keep it manageable. Adding a vertical divider in Notion is really simple, and our guide on adding a vertical divider in Notion will help you if you face any hiccups.

FAQS:

Q1. How to divide a Notion page in half vertically?

To divide a Notion page in half vertically, first hover over the left-hand side of the margin and click on the + icon to add new blocks. Once you have multiple blocks, hover your mouse cursor to the left of the block, and you will see a small dotted icon appear as a handle. You can press and hold the left icon of your mouse and drag the small dotted icon to the right to divide a Notion page in half vertically.

Q2. How do you add horizontal dividers in Notion?

Adding a horizontal divider is extremely easy. You can open a Notion page and hover your mouse cursor around it. You should see a + icon, tap on it, and a drop-down menu should appear. You can find the divider element and hit enter.

Q3. How to remove the vertical divider in Notion?

To remove the vertical divider in Notion, hover your cursor around the vertical divider. You should see a ⋮⋮ symbol on the left with six dots. You can click on the dots and then choose the delete option from the drop-down menu to remove the vertical divider in Notion.

Q4. How do you adjust column width in Notion?

To adjust the column width, hover your mouse around the column’s divider until you see your cursor transform into an arrow. You can then click and drag it left or right to adjust the weight of the column.