Simple effect for headlines

Simple effect for headlines

by Sergey

HTML

<h3 class="demo">Lorem ipsum dolor sit</h3>

CSS

h3.demo {
	border-top: 4px solid #f96;
	display: inline-block;
	position: relative;
    clear: both;
	padding: 5px 0px;
}
h3.demo:after {
	background-color: #444;
	width: 60%;
	height: 4px;
	content: "";
	position: absolute;
	left: 0;
	top: -4px;
}