CSS text button won't position in the center no matter what -

I am trying to style my navigation bar with CSS I had done the table before, which works fine, but I am trying to do it without any order-free list and whatever I do, I styling it, the text does not go in the middle of the button You can see the buttons in your code below:

  jsfiddle.net/anidimitrovaaanidimitrova/tbh62k9q/ ​​ 

I tried with: < Br - Text align: center;
- vertical-align: middle;
- Status: Absolute - - Float: center;

Thank you very much for any idea before.