How to create columns in your articles in BBCode & Formatting Knowledge Base | World Anvil

How to create columns in your articles

Columns are a great way to break up long paragraphs into easier-to-parse text. On World Anvil, you can create as many columns as you want with BBCode. Here's how!

 

How do columns work?

Look at the following example to see how columns work, and read the description below to learn the details.

 
[row]
[col]
This is the left column.
[/col]
[col]
This is the right column.
[/col]
[/row]
This is the left column.
This is the right column.
 

As you can see in the example, there are two tags in play: row and col. The [row]...[/row] tags tell the system that everything between them is a row of columns. Then, the [col]...[/col] tags define where each column begins and ends exactly.

 

Creating three parallel columns

The [col]...[/col] tags will always create two columns (if you add a third one, it will be moved underneath). But creating three columns is easy; just follow the same process but with the [col3]...[/col3] tags. Like this:

 
[row]
[col3]
This is the left column.
[/col3]
[col3]
This is the middle column.
[/col3]
[col3]
This is the right column.
[/col3]
[/row]
This is the left column.
This is the middle column.
This is the right column.
 

Creating more than three columns

You can create more than three columns by putting rows inside columns. Take a look at this example:

 
[row]
[col]
[row]
[col]
This is the first column.
[/col]
[col]
This is the second column.
[/col]
[/row]
[/col]
[col]
[row]
[col]
This is the third column.
[/col]
[col]
This is the fourth column.
[/col]
[/row]
[/col]
[/row]
This is the first column.
This is the second column.
This is the third column.
This is the fourth column.
 

As you can see, the above example creates a regular two-column layout. Then, inside of each column, a new column system (with its own [row]...[/row] tags) divides it into two separate columns.