JSFiddle - React, Tailwind, and code Playground

by webvitaly

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="well 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.
</div>

CSS

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