How do I center a ? [duplicate]

Answer 1

<center><div></div></center>

try that

Answer 2

The typical trick is margin: auto. It'll center it inside what-ever it's in.

demo

---

Besides that I have a few comments on your code (since you're a beginner).

• left: 50%; does nothing unless you change the position style, e.g., position: relative; or position: absolute;
• The container the div is in needs to be larger than it -- otherwise centering it really doesn't mean anything. This is because styles like margin: auto are relative to the parent container, i.e., it needs space.
• For Google Web Fonts, make sure you have your @font-face with it. Also, use alternatives. Not all browsers support web fonts, and the more control you have: the better. An example would be font-family: Ubuntu, Arial, Sans;, ordered from most preferred to most likely backups.

Answer 3

Don't use left. This will create a gab in the page on the left side. Instead, use margin: 0 auto.

<div style="margin:0 auto;width:960px">I'm centered.</div>

Answer 4

You can center DOM elements that are absolutely positioned (horizontally and vertically) by using:

div {
    position    : absolute;
    width       : 960px;
    height      : 500px;
    left        : 50%;
    top         : 50%;
    margin-top  : -250px;
    margin-left : -480px;
}

Here is a demo: http://jsfiddle.net/KBHjT/