Ir para conteúdo
Fórum Script Brasil
  • 0

P em DIV cria nova linha


diogoleter

Pergunta

Me deparei com um problema que nunca havia visto... talvez porque tenha sempre utilizado tabelas, mas o problema é:

<div><p>texto fica aqui</p></div>

Simplesmente acrescenta uma linha acima do texto. Sei que se colocar uma tabela dentro do DIV e o texto dentro da tabela o problema some. Mas existe uma alternativa mais simples?

Obrigado!

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

Olá diogoleter, tem essa quebra de linha pois a Tag <p> é um paragrafo..sendo assim vai ter a quebra de linha como você mesmo disse 1 espaço na parte de cima. Para não acontecer isso retire essas tags <p> </p> que o problema ira resolver..

Varios editores de codigos já por padrão quando da Enter poem um paragrafo em baixo como exemplo o Dreamweaver.

Espero ter ajudado.

Tom

Link para o comentário
Compartilhar em outros sites

  • 0
Olá diogoleter, tem essa quebra de linha pois a Tag <p> é um paragrafo..sendo assim vai ter a quebra de linha como você mesmo disse 1 espaço na parte de cima. Para não acontecer isso retire essas tags <p> </p> que o problema ira resolver..

Varios editores de codigos já por padrão quando da Enter poem um paragrafo em baixo como exemplo o Dreamweaver.

Espero ter ajudado.

Tom

Obrigado pela informação!

Tive que fazer uma "gambiarra", coloquei uma tabela dentro da div para receber o texto. Infelizmente tenho que manter o parágrafo, então até o momento essa é minha solução de contorno.

Att.

Link para o comentário
Compartilhar em outros sites

  • 0

Não enfeia o código...coisa horrorosa essa solução.

O paragrafo tem por definição espaçamento, se não quiser esse espaçamento é só definir no seu Css:

p{
margin:0 0 15px 0;
padding:0;
}

Dessa forma o parágrafo não teria espaçamento na sua margem superior, nem nos lados, apenas espaçamento para baixo.

Muitas vezes e necessário definir o line-height também...

Abraço

Link para o comentário
Compartilhar em outros sites

  • 0

Sem problemas...se precisar de mais informacoes volte a postar!

mas como o KaKarotto disse..ficou meio estranho sua "gambiarra" rsrs..

1 metodo seria a sugestao otima do KaKarotto..

outro poderia não usar o <P> e usar outro metodo!

mas enquanto a isso tópico Resolvido.

Tom

Editado por tomwp
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...