Teste seu conhecimento 05

texto tricolor com CSS

A imagem acima é um screenshot da renderização de um texto segmentado na horizontal em três faixas de cores diferentes.

Este desafio número 5 consiste em obter a renderização mostrada na figura, usando HTML e CSS.

Regras gerais:

1. Usar somente (X)HTML e CSS (sem scripts);
2. Não usar imagens;
3. Não usar tabelas;
4. Não usar estilos inline;
5. Não usar hacks;
6. A renderização deve ser idêntica no IE6 e no Firefox2;
7. O tamanho inicial do texto deve ser aproximadamente o mesmo mostrado no screenshot;
8. No Firefox o texto não deve quebrar até um aumento do tamanho de fonte tal que o texto ocupe toda a largura tela;
9. No IE6 o texto não deve quebrar para tamanho de fonte máxima definida no menu
   Exibir » Tamanho de texto;
10. Use as seguintes cores:
    vermelha – #E00
    azul – #00C
    verde – #090.

Se você encontrar a solucão mande para mim via email o arquivo .html
maujorcss[arroba]maujor[ponto]com – com a sua solução. E, não poste a solução nos comentários, para que outros possam tentar.

Para cada solução correta recebida eu postarei nos comentários informando o nome do autor. e se a solução está certa
Dentro de aproximadamente 40dias, postarei a solução.
Ah! não se esqueça que você pode se inscrever para receber email informando quando novos comentários forem postados nos arquivos no Blog e assim acompanhar uma matéria de seu interesse.