html - 带有内联链接元素的居中 div

Question

我正在尝试将带有内联链接的 div 居中。但是我没有任何运气。这是我的尝试:

JSFIDDLE

HTML:

<div class="help-buttons">
    <a href="#" class="help-button">User Information</a>
    <a href="#" class="help-button">Company Information</a>
    <a href="#" class="help-button">Driver Information</a>
</div>

CSS:

.help-buttons {
  display: block;
  margin: 0 auto;
}
.help-button {
  background: #1795db;
  color: #fff;
  padding: 15px 20px;
  font-family: 'Open sans';
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
  margin: 0 30px;
 }

Answer 1

将 .html 按钮的 CSS 更改为:

.help-buttons {
    margin: 0 auto;
    text-align:center;
}

jsFiddle example