The margin of margin-left is on the right, why？

Question

I am learning html and css, in https://www.internetingishard.com/html-and-css/flexbox/#grouping-flex-items, between "sign up" and "sign in" there are 20