Centralizar Verticalmente
Olá pessoal, tenho uma div e dentro dela possuo mais 2, uma para uma imagem e outra para um texto.
Eu preciso que a imagem fica sempre centralizada verticalmente, independente do tamanho do texto.
<div class="lista_teste"> <!-- TODAS IMAGENS E TEXTOS -->
<div class="line_teste"><!-- PRIMEIRA IMAGEM E PRIMEIRO TEXTO -->
<div class="check_teste">
<img src="images/bullet_blue.png"></img>
</div>
<div class="texto_teste">
<span>Deixe rodando uma série dos seus próprios conteúdos ligados numa playlist sem gastar sua banda de internet nem infra-estrutura de informática.</span>
</div>
</div>
<div class="clear"></div>
<div class="line_teste"><!-- SEGUNDA IMAGEM E SEGUNDO TEXTO -->
<div class="check_teste">
<img src="images/bullet_blue.png"></img>
</div>
<div class="texto_teste">
<span>Deixe rodando uma série dos seus próprios conteúdos.</span>
</div>
</div>
<div class="clear"></div>
<div class="line_teste"><!-- TERCEIRA IMAGEM E TERCEIRO TEXTO -->
<div class="check_teste">
<img src="images/bullet_blue.png"></img>
</div>
<div class="texto_teste">
<span>Deixe rodando</span>
</div>
</div>
</div>
Atualmente o css é esse abaixo:
.lista_teste{
width: 100%;
height: 100%;
background: #ccc;
float: left;
}
.line_teste {
width: 80%;
height: 100%;
margin: 5% 10%;
}
.check_teste{
width: 10%;
top: 50%;
left: 25%;
float: left;
}
.texto_teste {
width: 85%;
float: right;
}
A imagem abaixo mostra como eu quero que fique.
/monthly_2017_09/image.png.c37c88845c1c7a2aec7c17803f33169a.png" style="width:400px;height:auto;" alt="image.png.c37c88845c1c7a2aec7c17803f33169a.png" />Discussão (1)
Carregando comentários...