How to have the text to flow evenly on two columns in Confluence?

I know about the possibility to create a 2 column section in Confluence.

However, what I am after is something different. I would like the text to be evenly spread across 2 columns.

Something similar to the way text is organised in newspaper articles.


1 answer

It's no coincidence that you mentioned newspaper articles. There is a CSS style known as "newspaper."

Just add the div macro, put your text in the body and set the Styles field of the macro to:

-webkit-column-count: 2; /* Chrome, Safari, Opera */     -moz-column-count: 2; /* Firefox */     column-count: 2

Change the "column-count" numbers if you want more columns.

Hi Milo - thanks for posting that! I have just tried what you suggested and it works well for me in Chrome, but the formatting seems a bit uneven at times if I view the same page using Internet Explorer. Is there a way of making this work better with IE?

IE does not have multi-column support; just another reason Atlassian announced EoS for IE 10. 

Thanks for that Milo. As we are required to ensure that our content displays correctly in IE, that means that I may have to give up on this, unfortunately.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Oct 24, 2018 in Confluence

Atlassian Research opportunity with Confluence templates

Do you use templates with Confluence? Take part in a remote 1-hr workshop. You'll receive USD $100 for your time!   We're looking for people to participate in a   remote 1-hr workshop...

1,565 views 26 14
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you