How to make columns evenly distributed with left alignment?

Question

css

I did it here , but it turns out to be empty on the right, it looks crooked.
Maybe there are ideas how to distribute the columns evenly (without dividing one ul into three)?

Answer 1

ul.address-and-contacts__list {
    padding: 0px;
    position: relative;
    left: 60px;
}

Answer 2

So?

Answer 3

It seems to me that there is no way, except to set a static width for the li tag

Answer 4

either just center the block with your li's

Answer 5

So maybe just make the width of each li 33.3% ?