dziudek

/**
 * Layout with the two lines at both sides without using additional elements (only :after and :before)
 */

div {
	background: #fff;
	width:100%;
	height:30px;
	text-align: center;
	position: relative;

dziudek

/**
 * Button with background for left and right side.
 */

div {
   height: 32px;
   line-height: 32px;
   background: #c00;
   float:left;
   padding: 0 10px;

dziudek

/**
 * :hover overlay effect with using :after instead of additional element  
 **/

body > div {
	width: 100px;
	height: 100px;
	background: #eee;
	margin: 100px;
}