Make An Image Center Aligned Vertically And Horizontally Inside A Div

For More Videos Visit Our YouTube Channel

Make An Image Center Aligned Inside A Div

Here we consider how to Make An Image Center Aligned Inside A Div. Let the Image will be having any size. We have to make it center aligned vertically and horizontally within the outer div. Lets start with one example here. Consider we have a div with Class clsBlock and one image inside it.



For making this image centrally aligned within this Div, apply following style.

.clsBlock
{
         background: gray none repeat scroll 0 0;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 400px;
        width: 1200px;
}



That's all, you don't have to provide any style for your Image.