html h1怎么居中,如何在h1标签内水平居中span元素？

Home

而这个CSS：

h1#page-title {

background: transparent url(../images/line.png) 0px 6px no-repeat;

overflow: hidden;

}

#page-title-inner {

width: auto;

float: left;

background: #fff;

padding: 0 15px;

position: relative;

left: 45%;

}

这个CSS略有实现我想要什么考虑到页面的标题是短暂的。但是如果标题很长，它会填补从中心到右边的空间。

我真正想要实现的是将页面标题放在span(它位于h1标签内)中，而不管它的宽度如何。

我试图做这样的事情：

#page-title-inner {

width: auto;

float: left;

background: #fff;

margin: 0 auto;

display: block;

}

其中保证金0 auto值就是将中心的跨度，但我不知道为什么它不工作。

有没有更好的方法，更有效地实现我想要做的事情？

2013-09-23

Atasha