В стилях слик-карусели текст отказывается становится рядом с картинкой

[rimidbit]

Делаю учебный проект.

Не получается поставить текст в слайдере рядом с картинкой

html

<div class="main__slider">
                    <div class="carousel">
                        <div class="carousel-slide">
                            <div class="carousel__img">
                                <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable">
                            </div>
                            <div class="carousel__text">
                                <h1>Осень 2018</h1>
                                <h2>новая коллекция</h2>
                                <p>Мы рады предложить Вам новую коллекцию кроссовок от лучших производителей спортивной обуви</p>
                                <a href="#">Купить сейчас</a>
                            </div>
                        </div>
                        <div class="carousel-slide">
                            <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable">
                        </div>
                        <div class="carousel-slide">
                            <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable">
                        </div>
                    </div>
                </div>

div с классом carousel создал, что бы решить проблему ширины т.к. произошел конфликт с flex-ами. обертку картинке добавил, в надежде сработает inline-block

css

.carousel{
    margin-top: 30px;
    max-width: 960px;
}

.carousel-slide{
    border: #cecece;
    display: inline-block;
}

.carousel__text{
    margin-left: 60px;
}

.carousel__text h1{
    font-size: 2em;
    color: #666666;
}

.carousel__text h2{
    color: #145ba3;
    margin-bottom: 10px;
}

.carousel__text a{
    color: #ff824a;
    display: inline-block;
    border: 1px solid #145ba3;
    padding: 10px;
    margin-top: 10px;
}

.carousel-slide img{
    width: 200px;
    margin: 10px 50px;
}

как это добро выглядит в контексте макета можно посмотреть здесь https://rimidbit.github.io/shop.loc/

[rimidbit]

решил задав картинке float: left;