Skip to content

Instantly share code, notes, and snippets.

@getsetbro

getsetbro/index.html

Created August 14, 2014 13:06
Show Gist options
  • Save getsetbro/0016e5f0858027ac5343 to your computer and use it in GitHub Desktop.
Save getsetbro/0016e5f0858027ac5343 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!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>
Raw
jsbin.textoverflow.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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment