expand.html

<!DOCTYPE html>
<html>
    <style>
    #data {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    #data:hover{
    overflow: visible; 
    white-space: normal; 
    }
    </style>

    <div id="data">
    2: oianset osietnoasiedj oino aosietnoin oasiento oaseitnoind oisentoasintoon         oisentoiansetoino oiasentoin oi asetin doinae oidnoajosi doinalketn oiwdnota onioiante oaidno </div>
</html>