節下劃線（hr）

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