如何将标题设置在页面的中间？

Question

我有一个右边有一个按钮的标题，但我遇到了两个问题：

• 我要标题在页的中间；
• 我想要按钮和标题在同一条水平线上。

这是我的密码：

<div class="container">
  <div class="row">
    <div class="btn btn-primary pull-right">This is a long button</div>
    <h1 class="text-center">This is a long title</h1>
  </div>
</div>

这是我的演示。

请帮帮我，谢谢。

Answer 1

使用此代码可以达到预期的结果：

HTML：

  <div class="container">
   <div class="row">
  <div class="col-xs-2"></div>
  <div>
  <h1 class="col-xs-8 text-center">This is a long title</h1>
  </div> 
  <div class="btn btn-primary col-xs-2 pull-right mar">Follow</div>
</div>
</div>

CSS：

.mar{
  margin-top: 20px;
}

Answer 2

您可以使用标记< /center >

示例：

<a href="index.html" class="active"><center>long title</center></a>

Answer 3

只需将这些数据添加到新的CSS文件或现有的CSS文件中即可。

#bt {
width: 100%;
}

.text-center {
width: 100%;
}

还将ID添加到按钮中，作为"bt“。