html Barra de rolagem horizontal com overflow

[ZRhay 0]

E aew galera, eu queria saber se alguém sabe como fazer uma barra horizontal desse tipo:

 

 

Eu consegui fazer essa:

 

 

Usei esse código:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[Juliana~* 26]

"A minha div é 40x50 , porem o texto dentro dela é 80x70"

overflow:auto acho que seria para vc definir assim:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

aqui ( overflow:hidden; ) estou falando que o que passar de 50x40 vai ser escondido. Ai por exemplo, quando o usuario passa o mouse quero que o resto do texto apareça, ou seja, tenho de mexer com width e height, mas pra que fazer isso se eu posso definir overflow:auto de modo que o elemento texto que é maior que o elemento div fica automaticamente visível, ou seja, será realizada as alterações nas dimensões do elemento pai do texto automaticamente.

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

No caso, o modo horizontal vc tera de mexer com overflow-y.

 

Exemplo achado na net:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se