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" />