Могу ли я центрировать границу с помощью CSS?

Я пытаюсь центрировать пунктирную линию по горизонтали с помощью CSS. На данный момент он отображается внизу. Есть ли способ компенсировать это с помощью -5 пикселей или чего-то еще?

HTML

<div class="divider"></div>

CSS

.divider {
    background: aqua url("styles/images/divider-stars.png") no-repeat center 0;
    height:30px;
    padding-bottom: 10px;
    width: 100%;
    margin: 20px auto;
    float: left;
    border-bottom: 2px dotted #b38b0d;
    }