html - 部分下划线(小时)

Question

我创建了一张图片，我想将其用作页面的 hr。当它被上传时，它一直向左对齐。我希望它居中，在标题下。这是我的 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;
}