Centering Problem (Horizontal)

Question

I want to center this material horizontally:

    <a href='/big.jpg' class = 'cloud-zoom' id='zoom1'
        rel="">
        <img src="/small.jpg" alt='' title="Optional title display" />
    </a>

Answer 1

altough the question is not clear on what needs to be center aligned, here is the link you can check out -

http://www.gtalbot.org/NvuSection/NvuWebDesignTips/HorizontalAlignment.html

Answer 2

Add text-align:center to your anchor. I assume your zoom1 has display:block style and its width is larger than image's width.

<a href='/big.jpg' class = 'cloud-zoom' id='zoom1' rel="" style="display:block; width:400px; border:1px solid red; text-align:center">
    <img src="/small.jpg" alt='' title="Optional title display" />
</a>