Title: Tables side-by-side
Last modified: October 25, 2017

---

# Tables side-by-side

 *  Resolved [Lukosius](https://wordpress.org/support/users/lukosius/)
 * (@lukosius)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/tables-side-by-side/)
 * Hi there,
 * You will see that this page has three tables, all centered. I need to have to
   first two tables side-by-side, but can’t work out how to do it.
 * The HTML I have on the page is….
 * <div align=center>[table id=20149 responsive=scroll /][table id=22149 responsive
   =scroll /][table id=21149 responsive=scroll /]</div>
 * Thanks.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftables-side-by-side%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/tables-side-by-side/#post-9620292)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * This is possible with CSS code. For some approaches, please see [https://wordpress.org/support/topic/show-tables-next-to-each-other/](https://wordpress.org/support/topic/show-tables-next-to-each-other/)
 * As you are using the `scroll` mode, you could actually re-use the `<div>` wrappers
   that this adds.
 * Regards,
    Tobias
 *  Thread Starter [Lukosius](https://wordpress.org/support/users/lukosius/)
 * (@lukosius)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/tables-side-by-side/#post-9622227)
 * Thanks for that. I’m almost there…..
 * [http://www.goldfieldsgiants.com/players/holmen-jacob](http://www.goldfieldsgiants.com/players/holmen-jacob)
 * I now have the first two tables side-by-side, followed by the 3rd table underneath,
   which is how I want it. However I need the top two tables to be ‘centered’ like
   the 3rd table is.
 * I have added the following….
 * PLUGIN OPTIONS:
    —————————————- .tablepress-wrapper1 { width: auto; float: left;
   padding-right: 15px; }
 * .tablepress-wrapper2 {
    width: 100%; float: left; } —————————————-
 * ON THE PAGE ITSELF:
    —————————————- <div class=”tablepress-wrapper1″>
 * [table id=20149 responsive=scroll /]
 * </div>
 * <div class=”tablepress-wrapper1″>
 * [table id=22149 responsive=scroll /]
 * </div>
 * <div align=center class=”tablepress-wrapper2″>[table id=21149 responsive=scroll/]
   </div>
    —————————————-
 * Any suggestions to center those top two tables?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/tables-side-by-side/#post-9622442)
 * Hi,
 * you would need to give a width to the wrapper elements, using `width: auto;` 
   doesn’t give you enough freedom. Alternatively, you could add left margins, for
   example.
 * I recommend playing around with this in the Developer Tools of your browser, 
   this will be the quickest.
 * Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Tables side-by-side’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/tables-side-by-side/#post-9622442)
 * Status: resolved