text-align problöem eins links eins rechts

[Kurt Cobain]

tag tag


hab den code:

<span style="display:block; text-align:left; "> tag</span> 
 <span style="display:block; text-align:right; "> tschüss</span>

ich will das es so aussieht:

tag                                       tschüss

statdessen sieht es so aus

tag                               
                                      tschüss

was muss ich tun


gruss ich+

 

[dkdenz]

<span style="display:block;width:100px;text-align:left;float:left;"> tag</span> 
<span style="display:block;width:100px;text-align:right;float:left;"> tschüss</span> 
<br style="clear:both;" />

Wieso machst Du aus einem Inlineelement ein Blockelement.
Nimm doch gleich ein div...

 

[planet4]

Wieso machst Du aus einem Inlineelement ein Blockelement.
Nimm doch gleich ein div...

recht hat er
wenn man so ein Positionierungsproblem hat, hilft es viel, wenn man den Containern (hier den spans)
mal ein border mitgibt, dann sieht man, wo sie genau liegen.
display: block bewirkt, dass jedes span in eine neue Zeile geht und sich so weit wie möglich ausdehnt.
wenn du ihnen dann eine bestimmte Breite gibst und sie mit float anordnest, geht's so wie du es haben willst.

planet4.

 

[slayer2206]

Wieso nicht so:

<span style="float:left">Linker Text</span>
<span style="float:right">RechterText</span>
...irgendwie clearen, z.b. <br style="clear:both" />

Den spans müsste ggf. noch display:block und eine gewünschte Breite gegeben werden, die natürlich 50% nicht übersteigen darf

Wenn ich das richtig verstanden habe...

 

[dkdenz]

Wieso nicht so:

Klar ist das gut, aber 'Kurt Cobain' lässt sich ja, wie so oft, nicht über die begleitenden Umstände aus.
Aber wie erwähnt, außer bei a-Tags sehe ich keinen Grund,
warum man aus einem Inline-Element ein Block-Element machen müsste.

 

[slayer2206]

Kurt lässt sich hier offenbar eh nicht mehr blicken

Das liebe ich ja immer...