Erstellen eines Tabellenlayouts im WYSIWYG-Editor

Ich habe ein Design wie auf dem Bild erwähnt.

Bildbeschreibung hier eingeben

Der Inhalt für diese sollte in ein Widget gehen. Wie ich das jetzt erreiche ist: indem ich es im WYSIWYG-Editor durch Leerzeichen zwischen den Texten bearbeite. Gibt es eine andere Möglichkeit, dies richtig auszurichten?

Ich bin bei vielen meiner Projekte auf solche Layouts gestoßen und habe bis jetzt Räume benutzt, um sie auszurichten. Aber in meinem letzten Projekt habe ich gesehen, dass die Verwendung von Leerzeichen nicht die richtige Lösung ist, weil in meinem Fall die Schriftart, die ich benutze, sich bei verschiedenen Browsern unterschiedlich verhält und somit der Platz nicht konsistent ist.

Also, mit Leerzeichen bekomme ich korrekte Ergebnis auf Chrom, aber auf Firefox ist der Abstand nicht das Gleiche.

Ergebnis auf Firefox:

Bildbeschreibung hier eingeben

Ich denke, es könnte eine bessere Lösung für die Erstellung solcher Tabellenlayouts im WYSIWYG-Editor geben. Bitte lassen Sie mich wissen, wenn es welche gibt. Vielen Dank für Ihre Zeit.

Solutions Collecting From Web of "Erstellen eines Tabellenlayouts im WYSIWYG-Editor"

Warum benutzt du keinen Tisch? Räume sind Spott. Wählen Sie im WYSIWYG-Editor eine Tabelle mit 2 Spalten und 3 Zeilen, richten Sie die Elemente in der linken Spalte nach links und in der Mitte nach rechts aus, damit alles ordnungsgemäß funktioniert.

BEARBEITEN. Ok, ich sehe wo das Problem ist. TinyMCE (WYSIWYG-Editor) verfügt über eine Tabellenoption, ist jedoch standardmäßig in WordPress deaktiviert. Sie können ein Plugin, zum Beispiel TinyMCE Advanced , herunterladen und verschiedene und leistungsstarke TinyMCE-Optionen aktivieren. Außerdem können Sie die Ansicht zum Texteditor wechseln und eine Tabelle in HTML hinzufügen:

CellCell
CellCell
CellCell