so I have a goal but I have no idea if it's possible or not:
Here's an image of what i got: <https://screencast.com/t/88ImEmMif>

And code: 

```
<style type="text/css">
    #contrainer {
        width: 100%;
    }
    #main {
        width: 600px;
        margin:0 auto;
    }
    .wrapper {
        display: inline-block;
    }
    .parent {

        flex-direction: column;
    }
    .child {
        border: 1px solid #0EA2E8;
        margin: 2px;
        padding: 5px;
        display: inline-block;
    }
</style>

<div id="container">
    <div id="main">
        <div class="anchors">
            <div class="wrapper">
                <div class="parent">
                    <?php
                    $links = array("https://google.com","foo", "bar", "hello", "world","google.com","google.com/adwords/","foo", "bar", "hello", "world","https://google.com/gmail","https://google.com/adwords/");
                    foreach($links as $link) {

                        echo '<div class="child">'.$link.'</div>';

                    }
                    ?>
                </div>
            </div>
        </div>
    </div>
</div>

```

And here is what I'm looking to do: <https://screencast.com/t/ze5fCya3wpbJ>

So each of the boxes will have the same width in col's depending on the length in the box.