<div class="oneline" title="text">text</div>
text-overflow : ellipsis;
white-space : nowrap;
width : 100%;
overflow : hidden;
This combination will truncate the long lines in div and gives a very good tooltip. I think, it's the most elegant solution I saw in a last time I work with HTML.