在工具提示中对齐HTML内容

Question

我正在尝试在工具提示中对齐内容。工具提示有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>

唯一的问题是第一列的内容未按预期对齐。如下面的屏幕截图所示，“价格：”文本的左对齐而不是右对齐。知道如何实现吗？