how to style for long text

// this does not work
.truncate{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

// this does not work
.truncate{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}