Centralizar texto verticalmente

Oi pessoal. Boa tarde!

Estou tentando alinhar o texto verticalmente em uma DIV, porém sem sucesso.

Do lado direito, onde temos um badge escrito 12 até consigo com line-height, porque o height é especificado.

Porém do lado esquerdo escrito nível não sei como fazer, pois não tenho um height especificado.

Alguem pode me ajudar?

Obrigado, bom final de semana e feriado! :)

Código HTML

<div id="stats">
 <div id="nivel"><h2>NÍVEL: <span class="badge">12</span></h2></div>
</div>

	 

	Código CSS:

#stats {
	width:960px;
	margin:0px auto 10px auto;
}

#stats h2, #stats span {

	margin:0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:22px;
	color:#FFF;
	font-weight: 300;
}

#nivel {
	width:250px;
	display:inline-block;
	border-radius:5px;
	border:2px solid #1b252e;
	padding:5px 15px 5px 15px;
	box-sizing: border-box;
	text-align: left;
}

.badge {
	width:40px;
	height:50px;
	background-color:#6c9cbb;
	border-radius:30px;
	text-align: center;
	text-shadow: 1px 1px 4px #000;
	border:3px solid #2F556E;

}

#stats span {

	float:right;
}