vertically and horizontally centering of html elements

Tue Jan 08, 2013 11:58 pm

vertically and horizontally centering of html element ( Image , tables or any other tags) .
css code

<html>
<head>
<title>centering an image</title>

<style type="text/css">
.divCenter {
    display: table-cell;
	border:1px solid blue;
    text-align: center;
    vertical-align: middle;
    width: 100px
    height: 100px;
}
.divCenter * {
    vertical-align: middle;
}
.divCenter {
    display: block;

}
 
</style>

</head>

<body>
<div class="divCenter">
<img src="loader.gif" alt="Loader">
</div>
  
</body>
</html>

vertically and horizontally centering of html elements

vertically and horizontally centering of html elements

Topic Tags