Как использовать text-overflow?

Question

[Extramezz]

Пример верстки: https://jsfiddle.net/9doxbL4s/

Пытаюсь сделать так, чтобы текст, выходящий за #header_put обрезался и ставилось "...". Что делаю не так?

Answer 1

[westdp]

#header_put figcaption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}