Kuat Mustafin

Если я вас правильно понял то это делается так:

<div class="flex">
  <span>inline-block with long title</span>
  <span>inline-block. just block.</span>
</div>

.flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /*элементы сдвигаются к концу строки*/
  text-align: right;
}

Про FlexBox: на русском и английском

Поддержка FlexBox caniuse.com

Посмотрите в действие как работает FlexBox в генераторах, к примеру тут или тут

codepen.io/kuatmus/pen/LGLPXP

Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров

htmlbook.ru/css/overflow