Text Overflow with Ellipsis

https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

by rulokc

HTML

<span class="post-title">La clave está en la Servilleta</span>
<span class="post-author">Dan Roam</span>

CSS

.post-title {
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.8em;
}
.post-author {
    font-style: italic;
}