Breite der UTF8-Zeichen als Liste

[Xileks]

Ich beabsichtige Akkordbilder mit UTF8-Zeichen zu erstellen.
     Ⅰ        Ⅱ       Ⅲ
╓─█─┬───┬──▢┬
╟─█─┼───┼─◯─┼
╟─█─┼─◼─┼─⬤─┼
╟─█─┼───┼─◼─┼
╟─█─┼───┼─◼─┼
╙─█─┴───┴─⚫─┴

Du möchtest das gesamte Gitter des Notenblattes nur mit den Sonderzeichen machen? Aus welchen Gründen diese Mehrarbeit? Ein einfaches Bild würde diese Aufgabe doch auch übernehmen, oder hast du etwas vor wo du das unbedingt benötigst?

Mein Problem ist die variable Breite der Zeichen.
Ich wäre für jeden Fingerzeig dankbar.

Denk an deine Gesundheit und tu das nicht. Denk daran, dass du soetwas auch warten musst und es jedesmal eine Tortur sein wird, die neuen Strophen so zu erschaffen - und das ist nur ein Problem deines Standpunktes aus gesehen.

Ein bisschen CSS und ein kleines Hintergrundbild können wie ich das sehe, ein Weg zum Seelenfrieden werden. Wenn du das nicht beherrscht, neige ich dir dazu zu raten, ein komplettes Bild dafür zu nutzen und es einfach einzubinden. Oder du beantwortest meine obige Frage und wir schauen was sinnvoll ist.