D3 Examples - // source http://jsbin.com/textoverflow/2

xxxxxxxxxx
 
<!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>
    