Se você está trabalhando com uma imagem `<img>` pode utilizar o `vertical-align:middle`, porém nesse caso precisa se atentar ao `line-height` do elemento que contém a imagem, ele deve ter o mesmo tamanho do elemento. **HTML EXEMPLO** <div id="container"> <img src="http://a.disquscdn.com/next/7b3d8738/assets/img/noavatar92.png" alt="avatar disqus"> </div> **CSS EXEMPLO** #container{ width: 200px; height: 200px; line-height: 200px; text-align: center; background: #f00; } #container img{ vertical-align: middle; } **[veja pelo jsfiddle](http://jsfiddle.net/LucasKauz/2B4A5/)** Agora se seu foco é um outro elemento você pode usar javascript, usando lógica você irá deixar a distância do seu elemento com 50% das bordas, depois controlar o margin. **[veja pelo jsfiddle](http://jsfiddle.net/LucasKauz/j428q/1/)**