How to remove left alignment (or right padding) in flexbox?

Question

css

Page with a problem

I wanted to manually adjust the site header, and I ran into a problem in flexbox: when centering and aligning elements with space-between, an indent remains on the right, the cause of which cannot be found out. Can you please tell me how to fix this?

Answer 1

Remove the clr class
. You end up with a fourth block (which becomes the rightmost one) ::after, in addition to the three divs, because of the following style:

.col::after, .clr::after, .group::after, dl::after, .left_float::after, .right_float::after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
    height: 0;
}