Problema de alinhamento com quebra de linha

[duzao7667 0]

Aew!

To com um problema de CSS numa caixa de comentarios aqui. Vejam:

Bem, como indica as linhas pretas, houve uma quebra indesejada de linha quando eu dei um float:right; no style dum span =S

Segue o code do box de comentarios:

<div align="center" 
style="width:394px;background-color:#9ed965;text-align:left;">
<b>duzao7667 -</b><i>31/12/1969 09:12:00</i><br>
"Teste de comentario??
Mato kem??? oO"
<span style="float:right;"><a href="?p=admin.php&do=rem_com&id=2">X</a></span></div>

<div align="center" 
style="width:394px;background-color:#9dd0ff;text-align:left;">
<b>duzao7667 -</b><i>31/12/1969 09:12:00</i><br>
"Axo q as cores funcionaram xD"
<span style="float:right;"><a href="?p=admin.php&do=rem_com&id=3">X</a></span></div>
<div align="center" 
style="width:394px;background-color:#9ed965;text-align:left;">
<b>duzao7667 -</b><i>31/12/1969 09:12:00</i><br>
"Fim dos testes escrotos, haeuhaeuae xD"
<span style="float:right;"><a href="?p=admin.php&do=rem_com&id=4">X</a></span></div>

Como eu impeço esta maldita quebra de linha dos "X"??

[Paulo de Tarso F. M. 24]

Coloque assim:

<div style="width: 500px">
	<p style="text-align: left; float: left">Teste de texto!</p>
	<p style="float: right">X</p>
</div>

Eu fiz assim para exemplificar melhor o que deseja, mas é claro que você colocará a sua div, o seu parágrafo... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

E só lembrando: você não pode esquecer de atribuir ao elemento da esquerda a propriedade float: left, porque se não irá acontecer o que está acontecendo: você está tentando "flutuar" um elemento ao lado de outro sendo que esse primeiro não permite isso (a não ser com o float: left, como disse...).

[duzao7667 0]

Ok, fiz usando float, porem automaticamente parece que os elementos onde eu uso o float assumem position:absolute; =S

Quebra toda a formatação da página.

[Guilherme Rambo 4]

Coloque display:table no elemento pai daquele link ;)

 

A div ficaria assim:

 

<div align="center" style="width:394px;background-color:#9dd0ff;text-align:left;display:table">

 

Ah! E pare de usar formatação inline, isso eh horrível

 

[]'s