Horizontally center a DIV in page

html windows-8 microsoft-metro winjs
ReignOfComputer picture ReignOfComputer · Jun 8, 2013 · Viewed 67.6k times · Source

I'm trying to center a div, which is the Microsoft pubCenter AdControl for Windows 8 apps in HTML5/JavaScript.

    <div id="myAd" style="; top: 0%; width: 292px; height: 60px; z-index: 1"
        data-win-control="MicrosoftNSJS.Advertising.AdControl"
        data-win-options="{applicationId: 'exampleAdId', adUnitId: 'exampleAdUnit'}">
    </div>

How would I center a div horizontally so it is always in the middle of a page?

Answer

Dummy Code picture Dummy Code · Jun 8, 2013

Add margin:auto in your style="" tag and that should do the trick.

Other possibility, align=center

Related questions

Programmatically set focus of input box from ListView's ItemInvoked event [Windows 8 Metro HTML5]

Edit: If you have not developed on Windows 8, do not try to answer this question. Do not vote on it. Do not even read it. This is not a web app or website and does not run in a browser. …

Read More
Internet Explorer 10 Windows 8 Remove Text Input and Password Action Icons

I am testing a highly-customized web application in Internet Explorer 10 on Windows 8, since it is an up and coming release, and will likely be using my application some day. Take a look at this sample screenshot of some text input …

Read More
How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More