Align Center Div

by Ramkumar Pillai

HTML

<div class="container">
	<div class="table">
		<ul id="tile">
            <li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
			<li>7</li>
			<li>8</li>
			<li>9</li>
		</ul>
	</div>
</div>

CSS

div.container {
    border: 1px solid #555;
	text-align:center;
}
	
ul#tile li {
	display: inline-block;
	background-color: #E5E4E5;
	background-image: url("data:image/gif;base64,R0lGODlhBAAEAJEAAOfk59nX2czIzOXk5SH5BAAAAAAALAAAAAAEAAQAAAIHxCQzEaisCgA7");
    background-image: url("http://th06.deviantart.net/fs71/150/f/2010/130/c/0/Circle_of_circles_by_RavenMac.png");
    background-image: url("http://ec.l.thumbs.canstockphoto.com/canstock7443972.jpg");
    background-image: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAASABEDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwC1dag1kNJv7MK8pW41XQX1NC0zMMyXukRwsFYgzOgQMeNqjuKjjhk0W5sU0pp5ruCKa58P/a3+2X2q2u0W82nkSL8jJNNM4Af+ANjOcXpLm4a9knuhcaDeahfRHUNv76+03WYwbnzgEJjhgnVYE5AHzY5AFUENxDK1vbD+x9QlvPMa2s333Gja9bp8vnyrgJDcXM5JBXHy5/hr4dO+5/aHNpYzv+EL/Z5/59/H3/g7H/x2it7/AIZ91H/okvh//v2n/wARRRoTymfL/p3wO8QXs3768vvBTy3M7/NLcOslmFZ2PLEDgE5IFP8AGzs/gvUtxLfavCumXU2f+W0w1Y4kb1fgfMeeBRRWZR57/b99/wA/t3/3+b/GiiigD//Z');
	margin: 10px;
	width: 150px;
	height: 150px;
	-moz-box-shadow: inset -5px 5px 5px #888, inset 0 -5px 5px #888;
	-webkit-box-shadow: inset 0 5px 5px #888, inset 0 -5px 5px #888;
	box-shadow: inset 0 -3px 8px #888, inset 0 3px 8px #888;
	border-radius: 70px;
}