Выравнивание блоков

Помогите выровнять блоки. Выводятся под предыдущим. Нужно сделать обтекание слева. float: left; не работает.

.image {
position: relative; 
top: 0; 
width: 430px; 
height: 280px; 
float: left;
}
.description{
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	bottom: -10px;
	left: 0px;
	width: 410px;
	height: 50px;
	padding: 10px;
	background: 0% 0% rgba(0, 0, 0, 0.7);
	color: rgb(255, 255, 255);
	font-size: 30px;
	float: left;
}

 <div class="image">
    <img src="holiday-party-networking-tips.jpg" width="430" height="280" alt="">
    <div class="description">
         Описание для картинки
    </div>
        
         <div class="image">
    <img src="holiday-party-networking-tips.jpg" width="430" height="280" alt="">
    <div class="description">
         Описание для картинки
    </div>
    
     <div class="image">
    <img src="holiday-party-networking-tips.jpg" width="430" height="280" alt="">
    <div class="description">
         Описание для картинки
    </div>
    
     <div class="image">
    <img src="holiday-party-networking-tips.jpg" width="430" height="280" alt="">
    <div class="description">
         Описание для картинки
    </div>