Как прижать блок с описанием к правому краю?

Question

[undef_null]

Есть стандартный bootstrap-слайдер carousel :

<div id="testCarousel">
        <!-- Блок с изображением и текстом -->
        <div class="carousel-inner">
                        <div class="item">
                          <img src="...">

                          <div class="carousel-caption">
                              <h3>Текст заголовка</h3>
                              <p>Текст описания ... </p>
                          </div>
                         </div>
    </div>

Надо прижать блок carousel-caption к правому краю с пагинатором (точками навигаций)



Как это сделать ?

Comments

[Ankhena]

https://webref.ru/layout/learn-html-css/positionin...
Либо ваш код на https://jsfiddle.net/ дальше посмотрим, что не получается

Answer 1

[Flur]

#testCarousel .carousel-caption {
    text-shadow: none;
    color: #000;
    background: #fff;
    left:50%;
    right:0;
    bottom:0;
    top:0;
    text-align:right;
}