Zeilenumbruch in einem Grid

  • Hallo zusammen,


    mit viel Hilfe von Sempervivum komme ich immer weiter und meine HTML-Seite wird immer besser :-)

    Heute geht es mir um einen erzwungenen Zeilenumbruch. Hier ein Auszug aus dem Code

    Code
    1. <body>
    2. <div id="grid-container">
    3. <div class="grid-item1">Battery 1</div>
    4. <div class="grid-item">
    5. <span style=font-size:40px id=Voltage1></span>&nbsp;V</br>
    6. <span style=font-size:40px id=Voltage2></span>&nbsp;V
    7. </div>

    In meiner vorherigen Tabelle konnte ich das über "</br> lösen, hier wohl aber nicht.


    => Hat jemand eine Idee?!


    Grüße

    Stefan

  • Da werden wir wohl an zwei zusätzlichen Spans nicht vorbei kommen:

    Code
    1. <div class="grid-item">
    2. <span><span style="font-size:40px" id="Voltage1">12</span>&nbsp;V</span>
    3. <span><span style="font-size:40px" id="Voltage2">24</span>&nbsp;V</span>
    4. </div>

    Und dann beim .grid-item flex-direction: column; setzen.