body{background: #ddd;}
			*{margin:0;padding:0}
			.box{width: 300px;height:14px;margin:20px auto;
			position: relative;
			background-image: -webkit-gradient(linear,left top,right top, from(#ccc), to(#666));
			background:-moz-linear-gradient(linear,left top,right top, from(#ccc), to(#666));
			background:-o-linear-gradient(linear,left top,right top, from(#ccc), to(#666));
			background:-ms-linear-gradient(linear,left top,right top, from(#ccc), to(#666));
			}
			.box:before{content: '';position: absolute;top:0;right:-12px;width: 0;height: 0;border-left: 12px solid #666;border-top:7px solid transparent;border-bottom: 7px solid transparent;}
			.box i{position:absolute;width:0;height:0;top: 0;left: -7px;border-top:0;border-right:7px solid #ccc;border-bottom: 7px solid transparent;}
			.box i:after{content:'';position:absolute;width:0;height:0;bottom:-14px;left:0;border-top: 7px solid transparent;border-right:7px solid #ccc;border-bottom:0}