Я пытаюсь выровнять контент внутри всплывающей подсказки.Подсказка имеет 2 строки, каждая из которых содержит 2 столбца.Содержимое первого столбца должно быть выровнено по правому краю, а содержимое второго столбца - по левому краю.Вот HTML-содержание всплывающей подсказки:
<div class='row'>
<div class='col-xs-3 text-right'>
<strong>Price:</strong>
</div>
<div class='col-xs-9 text-left'>
299 EUR (299 EUR + 0%)
</div>
</div>
<div class='row'>
<div class='col-xs-3 text-right'>
<strong>Discount:</strong>
</div>
<div class='col-xs-9 text-left'>
90 EUR
</div>
</div>
Единственная проблема заключается в том, что содержимое первого столбца не выровнено, как ожидалось.Как видно на скриншоте ниже, текст «Price:» выровнен по левому краю, а не по правому.Есть идеи как этого добиться?
![Tooltip screenshot](https://i.stack.imgur.com/TCJIu.png)