centralizar texto no meio de uma div

[kaayasinho 0]

Boa tarde,

 

estou com um problema em centralizar um texto dentro de uma div dessa forma

 

eu consigo fazer tudo certinho até centralizar na vertical eu consigo com text-align:center;

mas na horizontal é o problema.

 

DIV

.bolaSobre{
	width:172px;
	height:172px;
	background-position:-1px 1px;
	margin:0 auto;
	overflow:hidden;
	}
p{
	text-align:center;
	color:#fff;
		
	}

HTML

<div class="sprites bolaSobre">
<p>vaijao<br>vaijao<br>vaijao<br>vaijao<br>vaijao</p>
</div>
<div class="sprites bolaSobre"><p>vaijao<br>vaijao vish</p>
</div>

fiz um teste para entenderem o codigo.. estou puxando essa div de uma imagem q esta em sprite

e para centraliza-la?

 

obrigado

[William Bruno 1501]

A melhor opção é vertical-align.

 

http://www.maujor.com/blog/2006/07/17/propriedade-vertical-align/

[kaayasinho 0]

A melhor opção é vertical-align.

 

http://www.maujor.com/blog/2006/07/17/propriedade-vertical-align/

 

eu tinha feito esse exeplo, mas deu erro, mas acabei de entender que deve ser feito na DIV, e não na tag P,

mas tem um porem, eu tinha dado margin:0 auto, para centralizar.. agora ele alinhou no fim da pagina ignorando o margin, e quando redimenciono a tela, ele comprime a imagem como se fosse flex.

 

então coloquei dentro de uma div com a altura e largura e voltou ao normal..

 

seria a maneira correta?

[William Bruno 1501]

Não sei, não entendi nada.

Ficou como vc queria ?

[kaayasinho 0]

Sim ficou.

 

tive que crirar outra div e colocar esse conteúdo dentro para poder formatar, mas deu certo

orbgiado