Alinhar frase a esquerda e a direita em uma mesma linha

[Marcos Coelho2 2]

Quero alinhar uma mesma linha parte a esuerda parte a direita.

ja tentei com div e deu certo so que no internet explorer ficou uma linha abaixo.

como posso fazer pra ficar na mesma linha??

[William Bruno 1501]

Use 2 elementos dentro de um container, e aplique text-align neles, cada um pra um lado.

[Aprendiz CSS 3]

utilize a propriedade

 

float: left;

float: right;

 

e não esqueça de colocar depois disso a propriedade

clear: both;

[Marcos Coelho2 2]

tentando....

ta ficando uma linha abaixo de qualquer forma

<span class="style2"><div id="baixo2"><a href="<%="../" & rs("PASTA")%>" class="diferente">   [+] Expandir Postagem </a>

</span>

<div id="baixo1"><span class="style3">Postado em <a href="http://teste.com.br/teste/teste/" class="diferente">teste</a></span><span class="style1"></span></div>

 

</div>

 

vou postar agora o css dos dois

#baixo1 {

	 text-align: right;

	 
}
#baixo2 {

	 text-align: left;

	 
}

alinhar ate ta alinhando so que ta ficando uma linha embaixo

o que esta errado??

[Marcos Coelho2 2]

#baixo1 {

float: right;
clear: both; 
	 
}
#baixo2 {

float: left; 
clear: both; 
	 
}

 

continua com o mesmo erro

 

da so uma olhada no link

http://zonadownload.com.br/zonadownload/novosite/animes_desenhos/

 

embaixo ond tem expandir postagem

eh ond eu quero colocar um alinhado a esquerda e o outro a direita.

[Thiago Retondar 18]

Retire a div#baixo1 da div#baixo2 e utilize nomes mais apropriados para os IDs.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Aprendiz CSS 3]

o clear: both; não deve ficar nas div

 

deve ficar no elemento que estiver abaixo dela

 

<div id="div1"> Conteudo1 </div>
<div id="div2"> Conteudo2 </div>
<div id="div3"> Conteudo3 </div>

#div1 { float: left; }
#div2 { float: right; }
#div3 { clear: both;}

[Kakashi_Hatake 267]

Retire a div#baixo1 da div#baixo2 e utilize nomes mais apropriados para os IDs.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Evite usar números nos nomes das classes e ids, em alguns casos gera conflitos, em alguns navegadores funciona normal mas em outros dá problema. Falo por experiência própria.

[Maujor 144]

HTML

<div id="baixo2">
<a href="<%="../" & rs("PASTA")%>" class="diferente">   [+] Expandir Postagem </a>
</div>
<div id="baixo1">
Postado em <a href="http://teste.com.br/teste/teste/" class="diferente">teste</a>
</div>
<div class="clear"></div>

----------------------------

CSS
#baixo1 { float: left;}
#baixo2 { float: right; }
.class { clear: both; }

 

Nota: Isto resolve, mas você precisa estudar mais CSS.

[BDore 0]

Outra forma de resolver:

 

HTML

 

<p>
<span class="esquerda">texto alinhado à esquerda</span>
<span class="direita">texto alinhado à direita</span>
</p>

CSS

 

.esquerda {float: left;}
.direita {float:right; display:inline;}

abcs

[Henrique Barcelos 290]

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/341755-serie-de-video-tutoriais-sobre-webstandards/