Padding errato

[Vitto97]

Io voglio centrare una scritta all'interno di un box, con questo codice funziona perfettamente:

#nome {background: white;
		width: 315px ;
		height: 130px ;
		margin: auto; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		}

mentre se aggiungo il bordo al box la scritta si sposta e risulta sfasata, sborda fuori in basso. Perchè??

#nome {background: white;
		width: 315px ;
		height: 130px ;
		margin: auto; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 1px solid;
		}

edit: innanzitutto grazie al moderatore che ha giustamente spostato in css

la soluzione temporanea che ho provato, ma non mi convince, è aggiungere

line-height: 50px;

cercando infatti avevo letto che mettendo line-height uguale all'altezza del box e text-align: center si centrava sia verticalmente che orizzantalmente il testo in un box. Però mettendo line-height: 150px sborda molto peggio di prima, e provando vari valori 50 è quello che sembra avvicinarsi di più alla centralità nel box.

[Prill]

Il codice

#nome {
		background: #fff;
		width: 315px;
		height: 130px;
		margin: 0 auto;
		text-align:center; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 1px solid;
		line-height:130px;
		}

centra il testo sia verticalmente che orizzontalmente se sia disposto su una sola riga, ma se il testo, su una sola riga, è inserito in un paragrafo, sarà necessario anche azzerare i margini di default del paragrafo:

#nome p{
		margin:0;
		}

se il testo è disposto su più righe il line-height non va più bene per centrare. Conoscendo l'altezza del testo stesso si può impostargli un padding-top per abbassarlo quel tanto da portarlo al centro, che è la soluzione più semplice