Center items in a container, and make then left aligned when they overflow

I wanted a number of items, centered horizontally in a container, and when there are too many items to fit, the items should overflow the container, from left to right (first item flush with the left hand side of the container, overflowing items go off the right). Here is where I started: The problem div [ ]