← Desenvolvimento

Como alinhar texto verticalmente com CSS?

Lida 1629 vezes

Offline

myStoned 
Membro
Mensagens 663 Gostos 8
Feedback +2

Troféus totais: 29
Trófeus: (Ver todos)
Level 5 Tenth year Anniversary Nineth year Anniversary Mobile User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter

Boa noite,

Alguém me consegue ajudar? Preciso de alinhar verticalmente o texto numa div. Basicamente quero que os títulos dos artigos apareçam alinhados ao centro da div, sendo que alguns têm 1 linha de texto e outros 2 linhas.

Citar
Ou seja esta a aparecer assim:



E eu quero que me apareça assim:



Agradeço desde já a vossa ajuda. Cumprimentos!
Offline

cjseven 
Administrador
Mensagens 1809 Gostos 26
Feedback +3

Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 1000 Posts

Offline

myStoned 
Membro
Mensagens 663 Gostos 8
Feedback +2

Troféus totais: 29
Trófeus: (Ver todos)
Level 5 Tenth year Anniversary Nineth year Anniversary Mobile User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter

Obrigado cjseven pela resposta, mas ao fazer isso apenas alinha a primeira linha do título, a segunda fica fora da div...

Abraço.
Offline

Luís Marquês 
Membro
Mensagens 1430 Gostos 19
Feedback +27

Troféus totais: 24
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1

Faz algo do genero desta estrutura:


Código: [Seleccione]
<div class="container">

  <div>


    <p>Texto a centrar</p>


  </div>


</div>


Css:

Código: [Seleccione]
.container {
 display:table;
}


.container div {
 display:table-cell;
 vertical-align: middle;
}