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

Question

[Сергей]

Доброго дня, требуется переместить текст к правому краю блока.
Подскажите как реализовать?
Имеем:

Необходимо :


Используемый код:

<div class="promo-banner block-top effect hover-effect06" style="height: 209px;">
	<div class="block-img" style="background-image: url('/bitrix/templates/styleshop/images/shu.jpg');">
  </div>
<style>
.raz {
  text-align: right;
     }
</style>
<div class="raz">
	<a href="https://trikotaj-lotos.ru/catalog/muzhskie/"></a>
  <div class="panel-body col-xs-6">
  <h2>ДЛЯ НЕГО</h2>
		<div class="banner-text hidden-xs hidden-sm hidden-md">
			 Пополните ваш гардероб<br>
			 новыми коллекциями<br>
		</div>
         </div>
    </div>
</div>

Answer 1

[Конан Варвар]

text-align: right;

Comments

[Сергей]

Установлен блок стилей.
Увы не решение.

[Андрей Николаев]

Сергей Сергеевич: так он у Вас скорее всего перекрывается.
Установите либо селектор лучше, либо перенесите:

Из:
<div class="raz">

В

<div class="banner-text hidden-xs hidden-sm hidden-md raz">

[Конан Варвар]

Родительскому overflow: hidden;
Блок с текстом, чтобы был справа float: right;

Answer 2

[Иван GiBSON]

Вообще если хоть кто нибудь читал доку к бутсрапу а не делал "как в видио на ютупе" то там есть хелперы для выравнивания блоков (pull-right), а также текста (text-right)

Comments

[Сергей]

Иван GiBSON , подскажите пожалуйста как поступить ?
Спасибо!