Ausrichten Formularfelder, wenn sie als Brüche angezeigt werden

Question

Ich kämpfe um herauszufinden, wie richtig ausgerichtet den folgenden Code angezeigt:

<label>N = A</label> 
<input type="number" id="A" name="" style="width:10%;"> 
<label style="width:2em; height:4em;">+</label> 
<label style="width:2em; height:4em;">&#40;</label> 
<label>B</label> 
<input type="number" id="B" style="width:10%;" min="0" max="16777215"> 
<label style="width:2em; height:4em;">+</label> 
<label>C</label> 
<input type="number" id="C" style="width:10%;" min="0" max="16383"> 
<label style="width:2em; height:4em;">&#47;</label> 
<label for="D">D</label> 
<input type="number" id="D" name="" style="width:10%;" min="2" max="16383"> 
<label style="width:2em; height:4em;">&#41;&nbsp&#47;&nbsp16,777,216&nbsp&nbsp</label> 

Was ich versuche, etwas zu erreichen, das wie folgt aussieht:

   C 
     B + --- 
       D 
N = A + ---------- 
     16,777,216 

Für mich ist es nicht wirklich wichtig, wie es gemacht wird, mit JavaScript, JQuery oder CSS. Leider ist mein Wissen über alle drei Themen sehr begrenzt. Ich habe versucht, online zu schauen und ein paar Dinge gefunden, aber keiner von ihnen sagt mir, wie man alles anpasst. Nur der Bruchteil ist ausgerichtet.

Jede Hilfe wird geschätzt.

Answer 1

Sie können viele Optionen ausführen, um die gewünschte Ausgabe wie CSS Flexible Boxes zu erreichen, aber der einfachste Weg ist, dies zu tun ist html table.