Edit in JSFiddle

<p class="truncate">Dieser Text wird Dank <code>text-overflow: ellipsis</code> abgeschnitten und verk├╝rzt dargestellt.</p>
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid;
    width: 550px;
}