distributing content accross columns

You might be interested in https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns

Thanks!!!
i looked at this before but will this also work when i’m using a query to get all the shop-names?

The whole point of separating presentation (CSS) from form (HTML) is that your code can simply output the list and not worry about what column anything is in. The style handles the columns separately. There are several other ways in CSS to make columns, as well, such as inline-blocks, table-cell, float, flex, grid.

Ok Thanks but how would i get this to work with this code?

            $stores = '<div style="position: relative;"><div style="display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;">';
            foreach ($result as $item) {
               ;
                $city = get_post_meta($item->ID, 'wpsl_city', true);
                $char = $city;
                if ($char !== $lastChar) {
                    if ($lastChar !== '')
                        $stores .= '</div><br />';

                    $stores .= '<div class="vc_col-sm-3 winkelkolom"><h3>' . strtoupper($char) . '</h3><br />'; //print A / B / C etc
                    $lastChar = $char;
                }
                if ($slug = get_post_meta($item->ID, 'wpsl_slug', true)) {
                    $stores .= '<a href="/winkel/' . $slug . '">' . $item->post_title . '</a><br />';
                }
            }

I guess I don’t understand what you want. When I look at your page, I don’t see a problem. The cities are in alphabetical order, and obviously you can’t mix them with other cities, so some will have longer lists than others.

and obviously you can’t mix them with other cities

true.. but i don’t want to mix them. I want the starting letters (A, B, C, etc) to be mixed accross multiple columns instead of each letter having it’s own column. Just using the CSS trick with the column-count: 3; won’t do the trick. I need to edit the query i posted earlier but i don’t know how without breaking it. Anyone?