css text-overflow


.box {  
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
.box:hover { /* show text on hover */
    white-space: normal;
    background: #ffa;


<div class="box">
    <strong>Hover to see all text.</strong>
    The quick brown fox jumps over the lazy dog.
    Brick quiz whangs jumpy veldt fox!
    Quick wafting zephyrs vex bold Jim.
    Sphinx of black quartz judge my vow!
    The five boxing wizards jump quickly.

Leave a Comment