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
    <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

  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!