Nie można wyśrodkować napisu na przycisku, próbowałem wielu metod i nadal nie ma efektu

Question

Witam.
Mam takie banalne pytanie. Z pozoru może wydawać się proste, ale w praktyce różnie bywa.
Chodzi o wyśrodkowanie napisu "Rejestracja" na przycisku.
Gdy użyłem text-align: center;, to co prawda napis "Rejestracja" pojawił się na środku przycisku, ale na górze.
Wpisywałem też, np. padding: 5px;, ale powiększała się o 5px szerokość (width) i wysokość (height) przycisku.

Jak zrobić, aby napis znajdował się na środku przycisku nawet wraz z powiększaniem lub ze zmniejszaniem czcionki bądź rozmiaru tego przycisku?

Wygląda to tak i jest źle:
 _________________
|      Rejestracja       |
|                              |
|_________________|

A ma wyglądać tak:
 _________________
|                              |
|      Rejestracja        |
|_________________|

<a href="rejestracja.html" class="inpRejestracja">Rejestracja</a>

.inpRejestracja
{
	width: 140px;
	height: 26px;
	color: white;
	background-color: #319116;
	text-align: center;
	border: none;
	text-decoration: none;
	position: relative;
	display: block;
	top: 1px;
	left: 34px;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

 

Answer 1

Pionowo na środku ustawisz ustawiając line-height równy wysokości: http://jsfiddle.net/Comandeer/cr6z9uny/

Comments

OK, działa.

Wielkie dzięki.

 

Answer 2

line-height: 26px;

 

Comments

OK, działa.

Wielkie dzięki.