Return to Snippet

Revision: 12869
at March 30, 2009 22:53 by hotdiggity

Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>Untitled Document</title>

	border: 1px solid #eee;
	height: 50px;
	line-height: 50px;

#links ul
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;

#links ul li {
	margin-right: 20px;
	padding: 0px;
	display: inline;
		<div id="links">
				<li><a href="#">Link 1 </a></li>
				<li><a href="#">Link 2 </a></li>
				<li><a href="#">Link 3 </a></li>

Initial URL

Initial Description
To centre, make "line-height" the same as the div height.

Initial Title
vertically centre a horizontal list within a div

Initial Tags
css, html

Initial Language