Как картинки с текстом выровнить в одну строку?

Здравствуйте помогите пожайлуста
<div id="inline_block"><img src="img_womens/devuhki-sohranivhie-molodost-kto-oni.jpg" class="img_left"><a href=""><p class="opicanie">ewefweyhfgfgfgfhfgfghgfh ghghghh ghf gffghf fddfdf </a></p><img src="img_womens/devuhki-sohranivhie-molodost-kto-oni.jpg" class="img_left"><a href=""><p class="opicanie">ewefweyhfgfgfgfhfgfghgfh ghghghh ghf gffghf fddfdf </a></p></div>

.img_left{
width: 40%;
height:200px;
float: left;
}
.opicanie
{
width: 30%;
}
#inline_block{
display: inline_block;
background-color: #dcddd9;
}

вторая картинка идет под первой как расположить в одну строку?

 

Каждую картинку с текстом обернуть в div и уже диву дать float:left

 

нет так не помогает есть другие варианты?

 

inline-block через дефиз....и в див, как я сказал.

Код:

#inline_block{
display: inline-block;
background-color: #dcddd9;
}

 

вот весь код

<div id="inline_block"><div id="img_img"><img src="img_womens/devuhki-sohranivhie-molodost-kto-oni.jpg" class="img_left"><a href=""><p class="opicanie">ewefweyhfgfgfgfhfgfghgfh ghghghh ghf gffghf fddfdf </a></p></div><div id="img_img"><img src="img_womens/devuhki-sohranivhie-molodost-kto-oni.jpg" class="img_left"></div></div>

#img_img{
float: left;
}
все равно не помогает

 

У меня подозрение, что вы хотите чего-то, чего не объяснили до конца.
Нарисуйте схему как всё должно быть.

 

ну я правильно обернул в дивы?, я хочу чтобы картинки с текстом были в одну строку, а они выравниваются блоками вниз, а как я здесь нарисую схему

 

Как надо?
1

2

 

вот так именно

 

Разберитесь с кашей в коде, тогда всё будет получаться
Всё именно так, как я говорил в первом посте.

Код:

html
<div class="block">
   <img src="#" width="100px" height="200px">
   <p>text text text text text text text text text text text text text</p>
</div>
<div class="block">
   <img src="#" width="100px" height="200px">
   <p>text text text text text text text text text text text text text</p>
</div>

css
.block {
    float: left;
    margin: 10px;
}

В примере 2 просто добавлен float:left для тега img.