Evitar a QUEBRA DE LINHA na DIV

Galera qual recurso posso utilizar no CSS para que o conteúdo de uma DIV específica não quebre de linha ao final da largura dela, mas sim, que o conteúdo continue com o seu percurso normal.

Estou fazendo uma galeria de imagens e gostaria de fazer uma lista com todas as imagens em icones como você's podem ver no exemplo abaixo!

EX:

º Ele está assim:

┏┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┑

┇▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉┇

┇▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉┇

┕┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┙

° Eu queria que ficasse assim:

┏┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┑

┇▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉

┕┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┙

º E por final, gostaria que ele continuasse do jeito anterior, mas com um overflow hidden:

┏┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┑

┇▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉┇▉▉▉▉▉▉▉▉▉▉▉▉▉▉▉ { Esta parte cinza é a que

┕┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┙ vai ficar por dentro da DIV

Para que eu possa fazer uma scroll utilizando dois butões com recurso javascript para as imagens flutuarem pra a esquerda ou para a direita.

Grato desde já pela ajuda dos senhores!!