Zeilenumbruch in einem Grid

stefanbla80

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

<body>
    <div id="grid-container">
        <div class="grid-item1">Battery 1</div>
        <div class="grid-item">
            <span style=font-size:40px id=Voltage1></span>&nbsp;V</br>
            <span style=font-size:40px id=Voltage2></span>&nbsp;V
        </div>

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

=> Hat jemand eine Idee?!

Grüße

Stefan

Sempervivum

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

Code

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

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

stefanbla80

Guten Morgen!!
Habe ich umgesetzt - funktioniert.

Vielen Dank!!

Jetzt mitmachen!