Bonjour , j'ai un petit soucis sur CSS

Je souhaiterai aligner mon image avec mes <h2> ( image à gauche et H2 à droite). Or mes H2 se mettent en ligne et non en colonne comme je le souhaitais et je n'arrive absolument pas à les aligner.. 

Quelqu'un a une solution ? je lui en serai très reconnaissante ... Voici mon code  

<section>
	<article>
		<h1 class="titre_services"> Nos services </h1>
			<p class="services">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed molestie</br> purus, nec bibendum turpis. Duis nec orci ligula. Vivamus.</p>
				<h2>UX Design 
					<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p> 
				<h2>UI Design</h2> 
					<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
				<h2>SEO</h2> 
					<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
					
			<p class="pc"> <img src="images/pic_pc.png" alt="photo de pc" /> <p>
				
	</article>

.titre_services 
{
	text-align: center;
	font-family:'robotoblack';
	font-size: 40px;
	margin-top: 5px;
}

.services
{
	text-align: center;
}

.pc 
{
	padding-left: 60px;
	margin-top: 50px;

}

h2
{
	float: right;
}

Salut,

ou garder float qui reste encore la bonne technique pour une image.

Par contre je ne vois pas d'image à côté de ton <h2>. Tu parles de l'image qu'il y a en bas dans un <p> ?
Si c'est ça ce n'est pas étonnant que ça ne fonctionne pas.
et ton premier <h2> n'est pas fermé.

essaies comme ça :

<h2 class="titre-image"><img src="mon-image.jpg" alt="" />Mon titre</h2>

.titre-image {
	overflow:hidden
}
.titre-image img {
	float:left;
}