根据其来源定位字体

Question

问题：

如何根据文本的宽度将文本定位到中心？

代码：

以下是我的css：

#title{
    position: absolute;
    left: 50%;
    top:5%;
    font-size:70px;
}

以下是我的HTML：

<div id = 'title'>This is my lovely title</div>

更多详情：

这里的问题是文本“这是我可爱的标题”在中心开始，但我希望它平衡并与中心对齐。如何指定文本原点的位置？是否可以使用标准CSS来实现这一目标？

Answer 1

#title{
    text-align: center;
    font-size:70px;
}