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

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

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