Hi @double-u! Da hast du dir ja wirklich eine interessante Lösung einfallen lassen :) Es wird Zeit, dass Steemit zumindest eine Änderung der vertikalen Zentrierung zulässt, denn das ist die Ursache für unser Problem.

Das Ganze wäre mit nur einer Zeile CSS-Code gelöst: vertical-align: top, aber ist nicht erlaubt. Ich probiere gerade mal ein bisschen herum und habe jetzt wenigstens einen Trick für die Hintergrundfarbe jeder zweiten Zeile einer Tabelle gefunden (einfach eine Leerzeile einfügen mit <tr></tr> oder kurz <tr/>).

Ich arbeite da lieber mit Tabellen, weil ich dann feste Zeilen habe und die Verschiebung dadurch niemals zu groß sein kann bzw. spätestens bei der nächsten Tabellen-Zeile wieder korrigiert wird. Zurzeit muss man aber auch mit Tabellen weiterhin <br>'s einfügen, damit die Texte oben bei der gleichen Höhe beginnen.

Der HTML-Code wird etwas länger, aber insgesamt etwas sauberer, wie ich finde. Wenn man jetzt mit Excel oder LibreOffice Calc arbeitet und als HTML exportiert, hat man fast schon das Endergebnis. Ich hoffe, dass wir bald ein paar mehr CSS-Möglichkeiten bekommen, damit man nicht mehr so viel Zeit mit solchen Sachen verschwenden muss. Sonst bau ich uns irgendwann ein Tool dafür oder direkt in die SCT mit ein...

@cobalus hat das mit <hr> Elementen außerhalb der <div>'s gemacht, was ich auch für eine der besten Lösungen halte. Das würde auch mit einem Bild gehen, wenn man keine Linie möchte (1 Pixel hoch, 1920 Pixel breit z.B.), aber wie er schon erwähnt hat:

Des Weiteren hast du ein Problem bei verschiedenen Medien. In einem Smartphone-Browser werden deine Umbrüche und Anpassungen gegebenfalls anders aussehen.

Auch wenn Steemit irgendwann die Schriftart ändern sollte (was bestimmt kommen wird), werden wir alle heulen gehen, denn die alten Artikel werden dann nicht mehr wie früher dargestellt, da sich die Zeichenbreite dann verändert hat ;) Aber eine richtige Lösung dafür gibt es für uns zurzeit nicht, daher sind am Ende alle unsere Lösungen nur vorübergehend brauchbare Umwege, um die vertikale Zentrierung zu umgehen, die leider auf Steemit als Standard gewählt wurde.

Lösung mit Tabelle und <br>:

<table>
    <tr>
        <td>
            Test für einen etwas längeren Text in der linken Spalte.
            Mal sehen, wie das Ganze umgebrochen wird...
        </td>
        <td>
            Test für kurzen Text in der rechten Spalte...
            <br><br><br>
        </td>
    </tr>
    <tr/>
    <tr>
        <td>
            Test für kurzen Text in der linken Spalte...
            <br><br><br>
        </td>
        <td>
            Test für einen etwas längeren Text in der rechten Spalte.
            Mal sehen, wie das Ganze umgebrochen wird...
        </td>
    </tr>
    <tr/>
    <tr>
        <td>
            Test für einen etwas längeren Text in der linken Spalte.
            Mal sehen, wie das Ganze umgebrochen wird...
        </td>
        <td>
            Test für kurzen Text in der rechten Spalte...
            <br><br><br>
        </td>
    </tr>
</table>