html - how to center the button inside a table cell -


i'm trying center button inside table : text-align: center

however, seems doesn't work me.

note: used display: table-cell combine vertical-align: middle center text of button. can see text of first button "aaaaaaa" in middle.

can me center button without affecting text of button. thank in advance.

here's example code:

http://codepen.io/anon/pen/pacbx

i do

  margin:auto;   display:block; 

i guess @rhino answer works well. remember remove

  display:table-cell; 

Comments

Popular posts from this blog

C# random value from dictionary and tuple -

cgi - How do I interpret URLs without extension as files rather than missing directories in nginx? -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -