Css Text Trim

by anasnakawa

HTML

<h1 class="trim-text">Bite Me !</h1>

CSS

.trim-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

h1 {
    max-width: 100px;
    outline: 1px dashed #dadada;
}