Обрезать текст по вертикали

[yaparoff]

Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU
и переполненное содержимое скрывалось
overflow: hidden почему то не помогает
https://codepen.io/anon/pen/yErxLY

[AlexZaw]

.tabs-slider__title:after{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.tabs-slider__title {
  border: 1px solid #000;
  display: inline-block;
  width: 100%;
  height: 36px;
  margin-bottom: 16px;
  overflow: hidden;

  span {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
  }
}

 

[AlexZaw]

.tabs-slider__title {
  display: inline-block;
}

А таблица растягивает ваш элемент по высоте

[yaparoff]

Да, но теперь заголовок не центруется по вертикали, если он короткий http://skrinshoter.ru/s/050718/st2SY8xz