Mit CSS aus einem Tag zwei Tabellenzellen erzeugen

[Fragestellerin]

Hallo,

ich habe einige Tags, die ich gerne in einer Tabelle anordnen würde. Meine XML-Datei sieht bisher so etwa aus:

<a>Text1</a>  
<b>Text2</b>  
<c>Text3</c>

Jedes Tag steht für eine Zeile, jetzt würde ich aber gerne jede Zeile noch in zwei Zellen teilen, in der ersten soll mit :before ein Text eingefügt werden. Mein Problem ist nun, dass ich zwar den before-Text erzeugen kann und auch eine Zeile, aber eben keine Zellen oder eine sonstige optisch ansprechende Trennung.

Bisher hab ich nur:

a:before{  
    content:"Text: ";  
    display:inline-block;  
}  
  
a{  
    display:table-row;  
}

Dabei stehen die Text jedoch nicht schön geordnet untereinander.
Ist es mit CSS überhaupt möglich aus einem Tag zwei Tabellenzellen zu erstellen?
Ich wäre für Tipps dankbar.

[ChrisB]

Hi,

[code lang=css]a:before{
    content:"Text: ";
    display:inline-block;
}

Hast du mal probiert, dem eine Breite und vielleicht Rahmen zu geben?

Dabei stehen die Text jedoch nicht schön geordnet untereinander.

Dann lass die A-Elemente als block darstellen.

MfG ChrisB

[Fragestellerin]

Hi,

a:before{

content:"Text: ";
    display:inline-block;
}

Hast du mal probiert, dem eine Breite und vielleicht Rahmen zu geben?

Dabei stehen die Text jedoch nicht schön geordnet untereinander.

Dann lass die A-Elemente als block darstellen.

MfG ChrisB

Hi,

vielen Dank für deine Antwort. Ich hab mal versucht deine Ratschläge umzusetzen.Allerdings mag der inline-block keine Breite zugewiesen bekommen, zumindest setzt mein Oxygen nichts um, wenn ich das hier probiere:

[code lang=css]a:before{
    content:"Text: ";
    display:inline-block;
    width:200px;
}

a{
    display:block;
}

  
egal ob ich px, em oder % einsetze, nichts passiert. Was mache ich denn falsch?  
Da Oxygen mir aber als display "inline-block" gar nicht vorschlägt, kann ich auch nicht sicher sagen, ob da das Problem liegt.  
  
Vielen Dank.