Text overflow test

by spoike

HTML

<div class="overflowed">
    <p>Here be text</p>
    <p>Here be even more text maybe it wraps around?</p>
    <p>Well, it works. I'll be damned!</p>
    <span>This won't work on inline elements, sorry!</span>
</div>

CSS

.overflowed {
    width: 190px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 4px 15px;
    background-color: #daeef6;
}

.overflowed p, .overflowed span {
    height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;    
    white-space:nowrap;
    /* display: block; */
}