Раздел Подчеркнутый (hr)

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; 
} 

Answer 2

в вашем CSS, используйте background-position: center center