How do I create columns of type on a page?

• 

  wholeagainorg · Member · Aug 12, 2013 at 7:15 pm

  • Copy link
  • Add topic to favorites

  I would like to create two columns of type on the “About” page for staff people’s names etc. Teach me how.

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Aug 13, 2013 at 3:32 pm

  • Copy link

  You can create two columns by switching your post editor to Text view and entering something like this:

  <div style="width:45%;float:left;">
  
  Name 1
  Name 2
  Name 3
  
  </div>
  <div style="width:45%;float:right;">
  
  Name 4
  Name 5
  Name 6
  
  </div>

  Just let me know if you have any questions.

• 

  wholeagainorg · Member · Aug 14, 2013 at 5:38 pm

  • Copy link

  Thank you Kathryn, This code works great.
  How would you create a second 2-column list with its own header below the first one.

• 

  kathrynwp · Staff · Aug 14, 2013 at 5:39 pm

  • Copy link

  Glad that worked!

  Just repeat the block of code if you want another pair of columns.

• 

  wholeagainorg · Member · Aug 28, 2013 at 2:50 pm

  • Copy link

  I’m just curious. Is that code CSS?

• 

  kathrynwp · Staff · Aug 28, 2013 at 2:51 pm

  • Copy link

  That is HTML (the div tags) with some inline CSS (the style parts).