Как вывести последние элементы при выводе в строке?

Question

[Dm4k]

Приветствую!
Имеется строка содержащая много символов, имеется блок высотой в одну строчку - в котором хочется что бы всегда было видно последние символы этой строчки.

Получилось только абсолютно спозиционировав блок гораздо большей ширины внутри нужного блока.
codepen.io/anon/pen/oJKtp

Но что делать если заданной ширины будет недостаточно?

Нет ли каких-то более правильных решений?

Answer 1

[Андрей Голуменов]

Можно так без указания ширины codepen.io/golumenov/pen/DFypL

Comments

[Dm4k]

Да, про float я как-то сходу и не подумал!
Спасибо!

Answer 2

[xmoonlight]

.main {
  width: 250px;
  overflow: hidden;
  white-space:nowrap;
  position: relative;
}

.spans {
  position: relative;
  float:right;
  text-align:right;
  overflow: hidden;
  min-width:0px;
}