下划线（小时）

Question

我创建了一个图片，我希望将其用作页面的小时。当它上传时，它一直向左对齐。我希望它在标题下居中。这是我的css代码：

.section-underline {
     height: 35px !important;
     display: block;
     background-image:url("http://s18.postimg.org/rhqgsx8bp/underline.png") !important;
     background-repeat: no-repeat;
     border: 0;
}

这是我正在处理的网页的链接：http://fortunabakery.getbento.com/

和屏幕截图：underline and header

Answer 1

当然，设置一个明确的width，然后应用margin-left: auto; margin-right: auto;，它将居中！

在您的情况下，这意味着：

.section-underline {
  width: 133px;
  margin-left: auto;
  margin-right: auto;
}

Answer 2

在CSS中

，请使用background-position: center center