Colorir palavras soltas

Pergunta
Olá
Tenho um parágrafo <p class="paragrafo">, as classes e os <div> estão em um arquivo externo, desejo colocar algumas palavras do parágrafo de um cor diferente. Criei o arquivo de CSS da seguinte maneira:

#verde{
color: green;
display: inline;
}

Em Firefox 3.5 se vê bem, a palavra de outra cor como espero, porém em IE8 produz uma quebra de linha antes da palavra que muda de cor. O que posso fazer para que em IE8 se veja sem nenhuma quebra de linha, como se vê em Firefox?

Sei que IE não faz muito caso dos padrões do CSS e HTML do www.w3g.org, não lembro bem se é essa a página dos padrões ou se é outra similar.

Valorize esta FAQ:
A FAQ Colorir palavras soltas tem Pertence à categoria:
Resposta
Olá, Para começar, se você deseja colorir uma palavra não se utiliza a etiqueta DIV, se usa a etiqueta SPAN.

Span, diferentemente de Div, trabalha com seções pequenas de conteúdo.

E já não é necessário colocar display: inline.

Se for usar esse estilo UMA só vez, não há problema. Porém, se for usar mais vezes, será melhor que o faça com:

.verde {
color: green;
}

Por Marco Antonio Camarena

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + [...]

Ver todas las FAQS de CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato