olá, estou tentando alinhar um texto verticalmente, mas o código não está funcionando.
Está divido em 2 colunas e a coluna com a imagem é maior o texto fica no topo
html:
<div class="col-md-12" id="id01">
<h3>Id01</h3>
<div class="row">
<div class="col-md-6 texto">
<p>
Texto alinha verticalmente
</p>
</div>
<div class="col-md-6">
<h4>texto h4</h4>
<img src="img/foto.jpeg" class="img-responsive img-circle">
</div>
</div>
</div>
css:
#id01 {
display: table;
}
#id01 .texto p {
display: table-cell;
vertical-align: middle;
}
<p>
. Você pode criar uma sub-div e adicionar o transform nela. – Guilherme Nascimento♦ 24/11/17 às 21:50