Styling a callout count box in CSS

Eg. Fork count in Github

	.count {
	border: 1px solid #D4D4D4;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 8px;
	line-height: 20px;
	margin-left: 10px;
	border-radius: 2px;
	color: #333;
	background-color: white;
	position: relative;
	}
	.count:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 4px solid #D4D4D4;
	border-color: transparent #D4D4D4 transparent transparent;
	position: relative;
	right: 17px;
	margin-right: 0;
	top: 13px;
	margin-top: -6px;
	}
	.count:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 4px solid white;
	border-color: transparent white transparent transparent;
	position: relative;
	right: 16px;
	margin-right: -1px;
	top: -9px;
	margin-top: -6px;
	}

view raw Callout count box hosted with ❤ by GitHub