unerwünschter zeilenumbruch

[kuki]

moin,

habe folgendes problem:
ich würde für eine rechnung gerne in einer zeile zwei wörter jeweils rechts und linksbündig schreiben.
das sollte danach so aussehen:

"Artikelberschreibung ----------------------------------------------------------- Betrag"

(ohne striche)

mein html code sieht momentan so aus:
<b><p> align="left">Artikelbezeichnung
<align="right">Betrag</p></b>

wen ich "Betrag" rechtsbündig anordnen will, kann ich das nur mit <p algin=right> (vor "Betrag") machen. dadurch wird "Betrag" zwar rechtsbündig gesetzt, jedoch um eine zeile nach unten verschoben.
<nobr> hat leider keine auswirkung.

das muss doch machbar sein (?) google schon seit längerem aber finde keine lösung.
wäre super wenn mir jemand einen rat geben könnte.

danke!
kuki

 

[nikisback]

ich würde das über css machen.

definiere was du positionieren willst mit einer id,
dann kannst du ganz einfach mit

text-align:right;
oder
text-align:left;

alles ganz einfach postionieren und den abstand nach oben oder unten
kannst du mit
margin: xxpx; vornehmen

hoffe, das hilft dir weiter

 

[cyberman]

es geht doch ganz einfach:
du machst es mit einem Div und zwar so:

<p><div align="left">Artikelbezeichnung</div> <div align="right">Betrag</div></p>

mfg Cyberman

 

[BcF]

Das sind zwar beides sehr schöne Vorschläge die werden ihm aber beide nicht bei seinem Problem helfen, da der Zeilenumbruch dann immer noch da ist :roll:

Zwei Lösungsmöglichkeiten:
1. Das scheint eine Tabelle werden zu sollen (Grammatik? ;ugl), in dem Fall wäre dann wohl auch das HTML-Tag <table> legitim ;)
2.

<div style="float:left;">Artikelbeschreibung</div>
<div style="float:right;">Betrag</div>
<br style="clear:both;" />
<!-- Hier gehts weiter -->

float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
clear: Umfließen von Elementen beenden: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets