Skip to content

Instantly share code, notes, and snippets.

@ciryon
Created March 16, 2011 13:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ciryon/872452 to your computer and use it in GitHub Desktop.
Save ciryon/872452 to your computer and use it in GitHub Desktop.
<html>
<head>
<style>
div {left: 20px; top: 50px; width: 120px; height: 20px; border: thin solid black; overflow: hidden; text-overflow: ellipsis }
.ellipsis
{
vertical-align: text-bottom;
float: right;
}
</style>
</head>
<body>
<div style="text-overflow: ellipsis; margin-top:0px">
<nobr>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec lacus at felis malesuada hendrerit.
</nobr>
</div>
<br/>
</br>
<div style="width:100px; height:100px; overflow:hidden;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec lacus at felis malesuada hendrerit. Pellentesque et leo venenatis nulla feugiat bibendum. Ut pretium porta massa, vitae interdum nulla ultrices et. Etiam ut erat id magna interdum consequat. Curabitur ornare sodales metus quis egestas. Donec odio est, hendrerit vel vehicula ut, scelerisque ac tortor. Curabitur risus neque, viverra vitae dapibus vitae, vulputate vitae est
<div class="ellipsis">...</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment