HTML Code Chaos, wo steckt der Fehler?

#1 Hi zusammen, ich habe ein wenig Code Chaos :) Kann mir da wer helfen? Also Code sollte alles erklären. Textarea Fenster mit Load Text File und Save Text File funktion. Funktioniert auch aber Dreamweaver zeigt mir diese beiden hier Rot markierten Zeilen als Falsch an: Fehler wird angezeigt als "No Start Tag " Dazu kommt das ich das Komplette ding eigentlich mittig haben möchte bei 96% breite. Das Feld tendiert aber irgendwie nach links. Hab ehrlich gesagt ein wenig die übersicht verloren. Mag jemand helfen? Wäre sehr dankbar!! LG

Der hier verwendete Code

<style> body{ display:flex; flex-direction:column; } h1{ text-align:center; } textarea{ width:96%; height:50vh; border-radius:6px; font-size:0.8em; align-self:center; } .line{ display:flex; } .line input,.line button{ flex:4; font-size:0.7em; margin:10px 6px 0 6px; } .line span{ flex:1; font-size:0.7em; margin:10px 6px 0 6px; } </style> <body> <h1>Clipboard</h1> <textarea id="inputTextToSave"></textarea> <div class="line"> <span>Save Txt: </span> <input id="inputFileNameToSaveAs"> <button onclick="saveTextAsFile()">Save Text to File</button> </div> <div class="line"> <span>Load Txt: </span> <input type="file" id="fileToLoad"> <button onclick="loadFileAsText()">Load Selected Txt</button> </div> </body>