Title: search alignment with table header right corner
Last modified: August 21, 2016

---

# search alignment with table header right corner

 *  Resolved [acdigital](https://wordpress.org/support/users/acdigital/)
 * (@acdigital)
 * [12 years ago](https://wordpress.org/support/topic/search-alignment/)
 * Hello Tobias, I am really pleased I found TablePress, its a great plug.
 * I am facing a few problems when try to align the search box.
    I am using a table
   centered 800px in a 100% page. The table is aligned fine in the center but the
   search keeps on the right of the page.
 * I tried your suggestion here.
 *     ```
       .dataTables_paginate,
       .dataTables_filter {
         float:none;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
       }
       .dataTables_paginate a {
         float: none;
       }
       ```
   
 * But this aligns all of my three tables and need to align only one in the RIGHT
   side of the 800px not in the table, not in the right side of the table.
 * Please see the example bellow.
    [Image example](http://hpgl.ca/images/tablepress-table-seach-alignment.png)
 * Many thanks
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/search-alignment/#post-4900863)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * You will basically also have to set the width and center the `<div>` container
   around the table, with some “Custom CSS” like
 *     ```
       #tablepress-123_wrapper {
         width: 800px;
         margin-left: auto;
         margin-right: auto;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [acdigital](https://wordpress.org/support/users/acdigital/)
 * (@acdigital)
 * [12 years ago](https://wordpress.org/support/topic/search-alignment/#post-4900903)
 * Hello Tobias, it worked like a charm.
 * I will paste the code for someone with limited knowledge like me to get it.
 *     ```
       Insert this in your admin/plugin options/custom css.
       Replace 123 for the id of your table
   
        div#tablepress-123_wrapper {
         width: 800px;
         margin-left: auto;
         margin-right: auto;
       }
   
       Place this around your table in the page/post or wherever you decide to display your table.
   
       <div id=tablepress-123_wrapper>
       [table id=123  /]</div>
       ```
   
 * Cheers,
    Paulo
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/search-alignment/#post-4900909)
 * Hi,
 * hold on here. You should not have to add that `<div id=tablepress-123_wrapper
   >` around the table manually, as the DataTables JS library (which bring the search
   field) does that dynamically already!
 * Regards,
    Tobias

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

The topic ‘search alignment with table header right corner’ 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: [12 years ago](https://wordpress.org/support/topic/search-alignment/#post-4900909)
 * Status: resolved