Keeping Text At Center Bottom In A Cell Of Table - Html - Stack Overflow

Just browsing Stack Overflow? Help us improve your experience. Sign up for research
    1. Home
    2. Questions
    3. Tags
    4. Users
    5. Companies
    6. Labs
    7. Jobs
    8. Discussions
    9. Collectives
    10. Communities for your favorite technologies. Explore all Collectives

  1. Teams

    Ask questions, find answers and collaborate at work with Stack Overflow for Teams.

    Try Teams for free Explore Teams
  2. Teams
  3. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams

Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

Get early access and see previews of new features.

Learn more about Labs Keeping text at center bottom in a cell of table Ask Question Asked 13 years, 7 months ago Modified 4 years, 9 months ago Viewed 65k times 21

I want to place text at center and at the bottom of the cell in table. How can I do this?

This is what I want:

enter image description here

Share Improve this question Follow edited Jan 24, 2019 at 17:00 Brian Tompsett - 汤莱恩's user avatar Brian Tompsett - 汤莱恩 5,87572 gold badges60 silver badges133 bronze badges asked Apr 27, 2011 at 15:50 Suhail Gupta's user avatar Suhail GuptaSuhail Gupta 23.2k66 gold badges209 silver badges343 bronze badges 1
  • 1 for future reference, when you make a demo image, maybe you can crop it down to the necessary space rather than using up so much white space. – Chase Florell Commented Apr 27, 2011 at 15:58
Add a comment |

3 Answers 3

Sorted by: Reset to default Highest score (default) Trending (recent votes count more) Date modified (newest first) Date created (oldest first) 52

CSS:

td {vertical-align:bottom;text-align:center;}

example: http://jsfiddle.net/vKPG8/

Share Improve this answer Follow answered Apr 27, 2011 at 15:54 MikeM's user avatar MikeMMikeM 27.4k4 gold badges65 silver badges80 bronze badges Add a comment | 3

valign="bottom" might work.

http://www.w3schools.com/tags/att_td_valign.asp

But I think that's deprecated.

So you should do it in CSS with:

<td style="vertical-align:bottom;">your text</td> Share Improve this answer Follow edited Apr 27, 2011 at 15:57 answered Apr 27, 2011 at 15:54 sym3tri's user avatar sym3trisym3tri 3,8161 gold badge30 silver badges25 bronze badges 1
  • 3 valign is depreciated and should not be used. – Chase Florell Commented Apr 27, 2011 at 15:57
Add a comment | 2

table, th, td { border: 1px solid black; border-collapse: collapse; } td{ vertical-align:bottom; text-align:center; } <table> <tr> <td rowspan="3" width="100%">bottom and center</td> </tr> <tr> <td rowspan="1">TOTAL</td> </tr> <tr> <td rowspan="1">TOTAL</td> </tr> </table>

use style vertical-align:bottom;text-align:center; these can be helpful for your table.

Share Improve this answer Follow answered Feb 14, 2020 at 15:36 Prerita Verma's user avatar Prerita VermaPrerita Verma 212 bronze badges Add a comment |

Your Answer

Reminder: Answers generated by artificial intelligence tools are not allowed on Stack Overflow. Learn more

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid …

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Draft saved Draft discarded

Sign up or log in

Sign up using Google Sign up using Email and Password Submit

Post as a guest

Name Email

Required, but never shown

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.

  • The Overflow Blog
  • We'll Be In Touch - A New Podcast From Stack Overflow!
  • The app that fights for your data privacy rights
  • Featured on Meta
  • More network sites to see advertising test
  • We’re (finally!) going to the cloud!
  • Call for testers for an early access release of a Stack Overflow extension...
7 Text aligned to top and bottom of cell 1 How to center text at bottom of table cell? 0 How to get text flush to top/bottom of a table cell 2 How to stop text from vertically centering in a table? 0 Vertically aligning text in the center of table cell 0 How to vertically center the text in table cell 1 Center bottom row cells inside table 9 Align element to bottom of HTML Table Cell 4 Can't vertically center text in a table cell 2 How do I vertically align my text in a table header to the bottom?

Hot Network Questions

  • Non-Buddhist gods
  • Why did General Groves mention the baby delivery count here?
  • Generator breaker trips when hooked up for backfeed
  • AM-GM inequality needs solving
  • Is there an elegant general method for solving linear multiplicative system of equations in modulo 2? Here is an interesting example problem.
  • Stable points in GIT: geometric picture
  • Selecting point demanding on distance and date with QGIS Expression
  • I need some turkey broth to keep my turkey leftovers from drying out. How can I make it so it doesn't become gelatinous stock?
  • Can I protect my EV car charger's cable with aluminum tape and a stainless steel hose helix?
  • What is it called when you have a hobby where you're good enough at to impress others but you yourself know you're only beginning?
  • Group action on affine variety induces faithful action on tangent space
  • Is this tv show example of hearsay actually hearsay?
  • Simplifying Exp[I Mod[x, 2π]] to Exp[I x]
  • Brushing pastries with jam
  • Universal TikZ highlighter for text, display/inline math, without jumps in Beamer overlays
  • History and origin of the idea of Frame of reference
  • H-bridge transistors are too hot
  • 1980s or 90s space cartoon with a space prince and princess
  • Phrase out of figures
  • Are "Albergues de peregrinos" typically restricted to pilgrims?
  • What is the dating of Herod and Pompey's conquests of Jerusalem and the solemn fast
  • An idiom similar to 'canary' or 'litmus test' that expresses the trend or direction a thing is pointed
  • Is there an Order of Precedence in the three attributes of Christ the Saviour as mentioned in Jn 14:6?
  • Will Spirit trade with SAVEQ when it recovers?
more hot questions Question feed Subscribe to RSS Question feed

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

lang-html

Từ khóa » Html Table Td Text Align Bottom