Evitar a QUEBRA DE LINHA na DIV

[Jhonei 0]

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!!

[André do Vale 76]

white-space: nowrap