Overflow test

dabblet.css

/**
 * Overflow test
 */

#wrap {
	background-image: -webkit-linear-gradient(top, #999, #333);
	padding: 100px;
	font-size: 50px;
	color: #222;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px rgba(255, 255, 255, .08);
	font-weight: bold;
	text-transform:uppercase;
}

#one {
	padding: 35px;
	background: rgba(0,0,0,.75);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .50));


	border-radius: 35px;
	margin: auto;

	width: 960px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	white-space: nowrap;
}

dabblet.html

<div id="wrap">
	<div id="one">
		lorem ipsum motherfucker, yeah, that's how I roll
	</div>
</div>

settings.json

{"view":"split","prefixfree":"","page":"css"}