Brüche mit HTML durch blinde Tabellen und Horizontallinien (hr)

[Der Martin]

Hi,

Ich wollte versuchen, gewöhnliche Brüche (in der mehrzeiligen Schreibweise, also x Umbruch Strich Umbruch y für x/y) nicht als Grafiken einzubinden, sondern etwas aufwendiger durch blinde Tabellen und horizontale Linien (<hr>) darzustellen, etwa so:

warum mit Tabellen?
Zusätzlich zu den Vorschlägen mit MathML oder Latex noch eine reine HTML/CSS-Lösung:

<p>  
 Quotient = <span class="fraction">  
  <span>Zähler</span>  
  <span>Nenner</span>  
 </span>  
</p>

span.fraction  
 { display: inline-block;  
   font-size: 80%;  
   vertical-align: middle;  
 }  
span.fraction *  
 { display: block;  
   text-align: center;  
 }  
span.fraction :first-child  
 { border-bottom: 1px solid #000;  
 }

Mir persönlich gefällt das massive Auftreten von span-Elementen zwar auch noch nicht, aber es ist IMHO wesentlich übersichtlicher und einfacher als dein Tabellenansatz.

So long,
 Martin