D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
getsetbro
Full window
Github gist
// source http://jsbin.com/textoverflow/2
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> <style id="jsbin-css"> *{ box-sizing:border-box; } section, article{ display: block; } header{ display:block; width:222px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } span{ float:right; color:red } hr{ clear:both } section div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } </style> </head> <body> <section> <header> <span>link</span> <div>text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text</div> </header> </section> <hr> <article> <header> <span>link</span> text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text </header> </article><hr> <footer> <header> <span>link</span> <b>text text text text text text textxttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text texttext text text text text text text text text text text</b> </header> </footer> </body> </html>