How to increase the distance between li list placed horizontally?

Question

css

I have a container, let's say header-nav, which itself is in header along with header-logotype. It contains 6 li elements that are in a horizontal position, since the header has a display:flex rule. How to increase the spacing between words in a list? padding and margin doesn't help.

Answer 1

For example like this:

.header-nav a {
   margin: 0 10px;
}

Answer 2

work with the justify-content property