<div class="grandparent" style="width: 300px; overflow-x: scroll; background: gray">
    <div class="parent" style="display: inline-flex">
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
        <div class="child" style="display: inline-table">some button</div>
    </div>
</div>