Не работает display: inline-block;

Здравствуйте, у меня не полушается сделать строчно блочный элемент, хотя я все делаю также как на видео "1.18 Практика."

в css я в вожу: 

.waiting_item
{
    display: inline-block;
    vertical-align: top;        /* для выравнивания по верху */
    width: 339px;
    text-align: center;
}

но на странице все идет последовательно вниз, как у блочных элементов.

вот код Html:

 <div class="waiting_wrapper">           <!-- обертка что вас ждет -->

                <div class="waiting_item" id="waiting_item1">                       <!-- 1 картинка + текст -->
                    <img src="img/mini_img/waiting_1.png" alt="photo" class="waiting_img">
                    <div class="waiting_text">Всего за два бесплатных вебинара мы научим вас, как создать свой сайт на WordPress. <div>
                </div>

                <div class="waiting_item">                      <!-- 2 картинка + текст -->
                    <img src="img/mini_img/waiting_2.png" alt="photo" class="waiting_img">
                    <div class="waiting_text">Покажем, как правильно оптимизировать сайт и сделать его привлекательным для поисковых систем. Только свежая, профессиональная и актуальная информация!</div>
                </div>

                <div class="waiting_item">                      <!-- 3 картинка + текст -->
                    <img src="img/mini_img/waiting_3.png" alt="photo" class="waiting_img">
                    <div class="waiting_text">Вы узнаете, что такое «хорошая индексация»,«высокая посещаемость», «стабильный прирост посетителей», «ТОП по запросам» и, что намного важнее, как добиться всех этих показателей!</div>
                </div>

            </div>

вот код css:

.waiting_item
{
    display: inline-block;
    vertical-align: top;        /* для выравнивания по верху */
    width: 339px;
    text-align: center;
}