The following is the given HTML code and I am not allowed to alter it by any means
#exceriseHead { font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; border: 1px solid black; background-color: greenyellow; text-align: center; color: black;}body { color: gainsboro; text-align: center;}p { color: black}.exEnumeration { color: green;}#exceriseFooter { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border: 1px solid black; background-color: greenyellow; text-align: center; color: black;}.contentcolumnContent { display: flex;}<!DOCTYPE html><head><meta charset="utf-8"><title>Abgabeseite 3</title><link rel="stylesheet" href="cssaufgabe2.css"><!-- TODO: Import der CSS Datei --></head><body><h1>Übungsblatt 4</h1><div id="exceriseHead"> Aufgabe 3</div><div class="contentcolumnContent"><div class="exercisePart"><div class="exEnumeration"><h1>a.)</h1></div><div><!-- TODO: Beispieltext durch Aufgabentext ersetzen --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Aenean pellentesque aliquet imperdiet. Nam ut lacinia elit.<br> Fusce dictum lorem purus, a ullamcorper dolor dictum eu.<br> Proin a sapien ut mauris egestas fringilla eu eu magna. Ut<br> eu imperdiet leo, vel ultrices quam.</p></div></div><div class="exercisePart"><div class="exEnumeration"><h1>b.)</h1></div><div><!-- TODO: Beispieltext durch Aufgabentext ersetzen --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Aenean pellentesque aliquet imperdiet. <span class="code">Nam ut lacinia<br> elit. </span> Fusce dictum lorem purus, a ullamcorper dolor<br> dictum eu. Proin a sapien ut mauris egestas fringilla eu eu<br> magna. Ut eu imperdiet leo, vel ultrices quam.</p></div></div><div class="exercisePart"><div class="exEnumeration"><h1>c.)</h1></div><div><!-- TODO: Beispieltext durch Aufgabentext ersetzen --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Aenean pellentesque aliquet imperdiet. Nam ut lacinia elit.<br> Fusce dictum lorem purus, a ullamcorper dolor dictum eu.<br> Proin a sapien ut mauris egestas fringilla eu eu magna. Ut<br> eu imperdiet leo, vel ultrices quam.</p></div></div></div><div id="exceriseFooter"> [Gruppenbezeichnung]</div></body></html>This is how it should look like
I got an assignment to write a CSS sheet in order to make a given HTML page look like the image below. However I can't figure out, how to put the enumerations ( a.), b.)and c.)) in front of the text. I hope you can help me.