Clip long text

Using CSS to clip some long text and showing it when hover over it.

by mrivasa

HTML

<span id="longText">This is just a test of a long piece of text</span>

CSS

#longText{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 12em;
    display: block;
    overflow: hidden;
    height: 100%
}

#longText:hover{
    text-overflow: inherit;
    overflow: visible;
}