html - 如何使帖子标题居中？

Question

我如何将标题“BOASISH 正在建设中”居中，但保持原样由 Kyle Boas · 关注：Twitter、Google+ 2014 年 9 月 4 日。我的网站是http://boasish.com，如果您收到错误页面，请使用http://orangina.asmallorange.com/~boasishc/作为 url 而不是http://boasish.com

<h2 class="entry-title" itemprop="headline"><a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a></h2>
    <a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a>
</h2>

Answer 1

您可以将此代码添加到您的CSS

.entry-header h2{
   text-align: center;
   width: 100%;
}

或者只是添加此代码

.entry-header{
   text-align: center;
}

header .entry-meta{
   text-align: left;
}

Answer 2

改变

<h2 class="entry-title" itemprop="headline">

到

<h2 class="entry-title" itemprop="headline" style="text-align: center;">

Answer 3

您可以在属性中添加text-align: center和。width: 100%style

<h2 class="entry-title" style="text-align: center; width: 100%;" itemprop="headline"><a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a></h2>
    <a href="http://orangina.asmallorange.com/~boasishc/site-under-construction/" rel="bookmark">Boasish is Under Construction</a>
</h2>