Fontawesome vóór text

https://i.stack.imgur.com/mMgro.png

Het bovenstaande wil ik, het bovenste dan. Ik heb dit:

.handleiding {
	color: #fff;
	text-decoration: none;
	text-align: left;
	}

a.handleiding {
	color: #fff;
	text-decoration: none;
	}

a.handleiding:hover {
	color: #fff;
	text-decoration: none;
	}

a.handleiding:before {
   font-family: FontAwesome;
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: center;
	
}

Met deze html:

<a href="#" class="handleiding">Hier content<br>Nog meer content</a>

Wat gaat er mis? De icon staat nu gewoon voor de eerste regel inline.