Hello guys I need a help. I am new to css, so m not being able to figure out this problem. I have got a code.
In the code, a class has been defined as follow

div.reference{
                position:fixed;
                left:10px;
                bottom:10px;
                font-size:12px;

and below in html code its,

            <div class="reference">
                <a href="http://www.google.com/chrome/intl/en/landing_chrome.html?hl=en/">Please use Google Chrome Browser for better browsing experince</a>
                            
        </div>

This displayes the txt in the bottom of the browser but in left hand side. I tried

<div align="center></div>

for the text but that doesnot worked.
I want to display the text in center of every browser/resolution.

How can i do that? Help me plz.
thanx in advance

It's doing what you tell it to do and being 10 pixels from the left edge.

To centre elements use margin: nn auto;

can you please make it clear, where i should have to make changes?

div.reference{
                margin: 0 auto;
                font-size:12px;
}

or margin: 0 auto 10px 0; (top, right, bottom, left)