Why do my split line elements look different?

I want to write a split line like the description of this inter image in a navigator bar.

1: https://i.stack.imgur.com/oz7ME.png So in CSS I write a spacer element

.spacer{
    width: 1px;
    height: 10px;
    background-color: #999999;
    margin: 10px 16px;
}

But something if the split line isn’t 1px, looks like 2px, I don’t know what happened. Enter image description here ps: All elements float.

Leave a Reply

Your email address will not be published.