Title: Bottom-aligning text
Last modified: August 21, 2016

---

# Bottom-aligning text

 *  Resolved [navyspitfire](https://wordpress.org/support/users/navyspitfire/)
 * (@navyspitfire)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/)
 * Is there anyway to bottom-align text in cells? I’m running into aligning problems
   when two columns have different font sizes. Code I’m using to try it is:
 *     ```
       .tablepress {
       	vertical-align: text-bottom;
       }
       ```
   
 * [http://wordpress.org/plugins/tablepress/](http://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395648)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * Yes, this should work, but you’ll probably need to target the table cells `td`
   directly. Also, you should add the table ID to the selector here, as you don’t
   want this on all tables. If `text-bottom` does not work, you can also try `bottom`.
 *     ```
       .tablepress-id-123 td {
       	vertical-align: text-bottom;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [navyspitfire](https://wordpress.org/support/users/navyspitfire/)
 * (@navyspitfire)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395654)
 * Hmm I can’t seem to get it to work, maybe it’s already bottom aligned but looks
   off cuz of the different font sizes? [Here](http://imgur.com/dBMTLgm)‘s a photo
   of my issue.
 * The first two columns are 3em, rest is 2em.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395655)
 * Hi,
 * this is an interesting problem…
    My assumption here is that the cells are treated
   as independent units, i.e. one cell does have no “relationship” with the other
   cells in the row. Cells just don’t know what or where the content/text is in 
   the neighbor cells. One workaround could be to wrap the content in the first 
   four columns in extra `<span>` containers. Then, you could give those containers
   the same height via CSS (a few pixels more than the current text height in the
   first two columns), and align the text to the bottom of those containers. Just
   an idea though…
 * Regards,
    Tobias
 *  Thread Starter [navyspitfire](https://wordpress.org/support/users/navyspitfire/)
 * (@navyspitfire)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395658)
 * I’ll try it out. How do I add spans, and extra classes for that matter, to cells?
   I saw the ‘extra css classes’ field under table options, but not sure how to 
   use it.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395793)
 * Hi,
 * to add the spans, just type them as HTML code into the cells. For CSS classes(
   for the spans), it’s same, just add them as HTML:
 *     ```
       <span class="my-span">cell content</span>
       ```
   
 * The “Extra CSS Classes” field can be used to add extra CSS classes to the actual`
   <table>` element, so that’s not useful here, as you need to target the content
   of individual cells.
 * Regards,
    Tobias
 *  Thread Starter [navyspitfire](https://wordpress.org/support/users/navyspitfire/)
 * (@navyspitfire)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395817)
 * Awesome, thank you.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395837)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias

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

The topic ‘Bottom-aligning text’ 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/)

## Tags

 * [align](https://wordpress.org/support/topic-tag/align/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 7 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/bottom-aligning-text/#post-4395837)
 * Status: resolved