<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>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter