coding Übung

[smokin.shutdown]

Hallo ,

Ich habe in codepen mal versucht das hier nach zu coden ----->original.png

Und ich bin so weit gekommen ----> https://codepen.io/smokin-shutdown/pen/GRzVybo

wenn ich jetzt in meinem html die Überschriften und die Listen mit align:center in der Mitte ausrichte dann bleiben aber die Zahlen und die Kreise vor den Aufzählungspunkte links.
Ich habe schon versucht für die Listen in css Klassen zu definieren, aber es verändert sich nichts.
wie kann ich denn die Überschriften und Listen so ausrichten wie im original ?

Hallo ,
Ich hab es zumindest mal hinbekommen quasi alles in die Mitte zu bekommen.

https://codepen.io/smokin-shutdown/pen/GRzVybo

 

[smokin.shutdown]

Aber wie kann ich jetzt die Listen und Überschriften genau an dem Punkt ausrichten wo ich die hin haben will . Also so wie man in dem Beispiel sieht.
die erste Liste leicht eingerückt zur ersten Überschrift . Muss ich da nen Container für die Liste machen ?

Ich habe das mit <div> hinbekommen . Möge einer der Moderatoren bitte diesen Thread löschen!