在DIV上居中文本无法正常工作

Question

我有这个CSS3 div样式定义

.title {
    font-size: 1.5em;
    letter-spacing: 2.1em;
    text-align: center;
    font-weight: 100;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    }

我使用那个div，我看到了：

标题不在DIV框内。我试图改变很多东西。

有什么想法吗？

Answer 1

试试这个

title {
    font-size: 1.5em;
    letter-spacing: 2.1em;
    text-indent: 2.1em;
    text-align: center;
    font-weight: 100;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    } 

Answer 2

title {
    font-size: 1.5em;
    letter-spacing: 2.1em;
    text-align: center;
    font-weight: 100;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
position:absolute;
left:50%;
transform:translateX:(-50%);
    }

和obove div

divclassname {
position: relative;
}