html - 如何对中跨度

Question

如何使下载按钮居中？我测试了很多次，但都是错误的代码。

.col {
  width: 100%;
  height: auto;
  float: left;
}
.download {
  width: auto;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  border: 2px solid #000;
  padding: 17px 37px;
  margin-top: 30px;
  float: left;
}

<div class="col">
  <span class="download">Download</span>
</div>

Answer 1

只需将 text-align: center; 添加到 .col 并将 float:left 替换为 display:inline-block; 在按钮元素中。 jsfiddle