按钮和ceneterd文本一行

如何使左侧的按钮和中间的文字？他们应该在一条线上。我累了：

<html>
  <body>
      <div style="display: inline"><a href="/back" class="btn btn-default pull-left" role="button">Back</a></div>
      <div style="display: inline"><center><h1>Welcome</h1></center></div>
  </body>
</html>

但是按钮在文本上方。

您可以使用 flex容器进行中心元素：

.container {
  display: flex;
  align-items: center;
}
h1 {
  display: inline;
  margin: 10px;
}

<div class='container'>
  <button>
Back
</button>
  <h1>
    Welcome
  </h1>
</div>

您可以将保证金交给20px;或一些东西

<a href="/back" class="btn btn-default pull-left" role="button" style="margin- 
top:20px;">Back</a>
<center><h1>Welcome</h1></center>

相关内容

最新更新

热门标签：