How do I create two columns of text on a page?

• 

  inkcaravan · Member · Mar 29, 2013 at 4:54 am

  • Copy link
  • Add topic to favorites

  Hello, I have a Links page and I would like the links to be in two columns. Is there some simple CSS code that I can add to help me do this?
  Any help would be so v.appreciated.
  Regards, Alisa

• 

  kathrynwp · Staff · Mar 29, 2013 at 3:22 pm

  • Copy link

  Hi there, I’ve added some code to your Links page to put the links into two columns. You can switch to Text view to see the code.

  It puts your content into two columns using two div containers, and looks something like this:

  <div style="width: 45%; float: left;"></p>
  Your left column content
  </div>
  <div style="width: 45%; float: right;">
  Your right column content
  </div>

  Just let me know if you have any questions.

• 

  inkcaravan · Member · Mar 29, 2013 at 10:22 pm

  • Copy link

  Thank you so much Kathryn! It looks fantastic. Just what I was after. And thanks for showing me the code, I hope to learn more about CSS and be a bit more self sufficient in the future.
  Cheers, Alisa

• 

  kathrynwp · Staff · Apr 1, 2013 at 1:30 pm

  • Copy link

  My pleasure!