Размещение определенных легенд слайдера ngx в разных позициях ⇐ CSS

[Anonymous]

Я использую ngx-slider и говорю, что у меня есть две легенды для первого и последнего значений, вот так:

Код: Выделить всё

  sliderOptionsTP1 {
floor: 0,
ceil: 10,
showTicks: true,
stepsArray: [
{ value: 0, legend: 'No electrical safety round/check conducted' },
{ value: 1 },
{ value: 2 },
{ value: 3 },
{ value: 4 },
{ value: 5 },
{ value: 6 },
{ value: 7 },
{ value: 8 },
{ value: 9 },
{ value: 10, legend: 'Electrical safety round/check are conducted at EACH office and other manned buildings at least once a month' }
]
};

А это HTML-код:

Код: Выделить всё

Проблема в том, что текст легенды справа перетекает в соседний элемент div. Есть ли способ с помощью CSS преобразовать только самую правую легенду, чтобы можно было переместить ее левее и предотвратить переполнение?
Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/790 ... -positions