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

[resolvido] Arrumar Estilo


D4n1l0d

Pergunta

Eu estou querendo colocar duas tags <div> e quero que elas fiquem na mesma linha:

<html>
<head>
<title> Titulo </title>
</head>
<body>

 <div> Teste1 </div> <div> teste 2 </div>

</body>
</html>
O problema é que isso aparece no browser assim:
Teste1
teste2
e eu queria que aparecesse uma do lado da outra
Teste1 teste2

Tem como fazer isso através de CSS??

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Criei um exemplo para você bem simples...

mas da para você tirar uma base de como funciona uma div...

e quais atributos você pode adiciona a elas...

<div style="position: absolute; width: 100px; height: 100px; border: 1px solid black;"> 
teste 1
</div>


<div style="position: absolute; left:120; width: 100px; height: 100px; border: 1px solid black;"> 
teste 2
</div>

Obs: Existem N funçoes que podem ser adicionadas em divs, apenas supri a sua nessecidade....

perquise na net sobre: position absolute em divs

Espero que ajude abraços..

Editado por clenir dos santos souza jr.
Link para o comentário
Compartilhar em outros sites

  • 0

É mais ou menos isso que você falou, mas da uma observada que na segunda div você definiu a posição LEFT dela, eu gostaria de não precisar fazer isso, simplesmente colocar as divs uma do lado da outra, sem fazer mais declarações

Lol, acho que consegui o que eu queria

<!-- era tipo isso: -->

<div style="float:left; width:100px">
teste 1
</div>


<div style="float:left; width:100px">
teste 2
</div>

Obrigado galera!! Era isso mesmo que eu queria fazer, deu certo xD

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...