Как правильно выровнять картинки по центру?

Question

[FIKSER]

Хочу получить примерный результат:

spoiler

На данный момент выглядит так:

spoiler

HTML

<div class="about_firs" >
			<img src="img/about1.jpg" alt="">
			<p><strong>July 2010</br>
Our Humble Beginnings
						</strong></p>
						<p>Proin iaculis purus consequat sem cure 
digni ssim. Donec porttitora entum suscipit 
aenean rhoncus posuere odio in tincidunt. Proin 
iaculis purus consequat sem cure digni 
ssim. Donec porttitora entum suscipit.
						</p></div>
				<div class="about_center">
			<img src="img/about2.jpg" alt="">
			<strong><p>July 2010</br>
Our Humble Beginnings
						</p></strong>
						<p>Proin iaculis purus consequat sem cure 
digni ssim. Donec porttitora entum suscipit 
aenean rhoncus posuere odio in tincidunt. Proin 
iaculis purus consequat sem cure digni 
ssim. Donec porttitora entum suscipit.
						</p>	</div>

CSS

.about_firs {
 	 float: left;
 }
 .about_firs p{
 	float: left;
 	text-align: right;
 	width: 50%;

 } 
 .about_firs img{
 	float: right;
 	padding-left: 20px;
 	margin: 0px auto;
 }
   .about_center {
  	  float: right;
	}
	 .about_center p{
	 	float: right;
	 	text-align: left;
		width: 50%;
	 } 
	 .about_center img{
	 	 float: left;
	 	padding-right: 20px;
	 }

Как выровнять картинки по центру? margin: 0px auto; не работает

Answer 1

[Egor]

Вы бы поисковиком воспользовались, такой вопрос был пару дней назад
Как разместить текст рядом с картинкой и выравнить картинку по центру?