Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

MSousa14

{display: inline;} não funciona

Mensagens Recomendadas

MSousa14

Boa tarde

Abram o seguinte link para seguir o meu raciocínio:

https://jsfiddle.net/MSousa14/wat01oy4/1/

A minha dúvida é o seguinte:

Como podemos constatar, no separador, o tópico SOBRE MIM não aparece na mesma linha.

Já tentei colocar em todos os estilos, o atributo {display: inline;}, mas não consigo fazer com que o tópico fica dentro da mesma linha, e muito menos sem estragar a restante estrutura.

Como posso resolver?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
pwseo

MSousa14,

Tens um erro no teu código HTML, uma </p> a mais. Corrigindo isso, presumo que estejas a falar do facto das palavras «SOBRE» e «MIM» aparecerem em duas linhas diferentes. Se sim, experimenta colocar um non-breaking space entre as palavras do «SOBRE MIM», assim:

<div class="list-content">
 <a href="#">TRABALHO</a>
 <a href="#">OBJETIVO</a>
 <!-- Esta linha tem a tag a mais: -->
 <a href="#">SOBRE MIM</p></a>
 <!-- Experimenta antes com esta linha: -->
 <a href="#">SOBRE MIM</a>
</div>

Editado por pwseo
Adicionado &nbsp; engolido pelo highlighter.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
pwseo

Só para clarificar: eu tinha proposto o mesmo, mas o editor de código do fórum come o   dos blocos de código :\ (só me apercebi agora)

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.