Question

如何让按钮位于左侧，文字位于中央？他们应该在一条线上。我厌倦了这个：

<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>

但按钮位于文字上方。

Answer 1

您可以使用 flex容器来固定元素：

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

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

Answer 2

你可以给予保证金最高20px;什么

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

按钮和ceneterd文本在一行

2 个答案: