css centering image in a div in the middle of the page - dirty method

Sample css to center blocks, images within divs. I'm not sure if it's a good method.

-css-
.centering{
text-align: center;
}

.centering img{
  display: inline-block; /*inline block so that we can align it*/

/*vertical*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
  /*vertical*/
}
-----------


-html-

<div class="centering">
<img src="your_image.png" />
</div>