Text overflowing

Some experimentation with the text-overflow property.

<div style=”border: 1px solid red; max-width: 400px; overflow:hidden; text-overflow: ellipsis;”>
<nobr>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac libero nec est luctus aliquam. Nulla sodales, dolor a consectetur volutpat, elit mi convallis sem, at ornare ligula odio non metus. </nobr>

Firefox 3.5

Safarai 4

IE 7

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post Two columns, one stretches with the window the other doesn’t
Next post New York Tech Meetup June 9th