Center a unordered list - CSS Snipplr Social Repository

Revision: 37312

at December 8, 2010 08:04 by bobbym245

Updated Code

.share ul{
	display:table;
	*display:inline-block;
	_display:inline-block;
	margin:20px auto 20px;
}

.share li{
	display:table-cell;
	*display:inline;
	_display:inline;
	position:relative;
	background: #B4EBA2; /* old browsers */
	background: -moz-linear-gradient(top, #B4EBA2 0%, #8CCB79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4EBA2), color-stop(100%,#8CCB79)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4EBA2', endColorstr='#8CCB79',GradientType=0 ); /* ie */
	padding:23px 22px 21px 21px;
}

.share ul li{
	display:block;
}

.share ul li a{
	*display:inline;
	_display:block;
}

Revision: 37311

at December 8, 2010 08:03 by bobbym245

Initial Code

.share ul{
	display:table;
	*display:inline-block;
	_display:inline-block;
	margin:20px auto 20px;
}

.share li{
	display:table-cell;
	*display:inline;
	_display:inline;
	position:relative;
	background: #B4EBA2; /* old browsers */
	background: -moz-linear-gradient(top, #B4EBA2 0%, #8CCB79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4EBA2), color-stop(100%,#8CCB79)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4EBA2', endColorstr='#8CCB79',GradientType=0 ); /* ie */
	padding:23px 22px 21px 21px;
}

.share ul li{
	display:block;
}

.share ul li a{
	*display:inline;
	_display:block;
}

Initial URL

Initial Description

Initial Title

Center a unordered list

Initial Tags

list, textmate, center

Initial Language

CSS

Choose a language for easy browsing: