Error when compiling with HTML text

Hi I am playing around with HTML. If I add the following html into a HTML div or container when I compile I get error:

[Error] Unit1.pas(619): Expected ","
Error during compilation
[Fatal Error] Error during compilation

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PPE Checklist</title>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
        .header {
            display: flex;
justify-content: space-between;
            align-items: center;
        .logo {
            max-height: 100px;
        .input-field {
            border: 1px solid 
            padding: 6px;
            width: calc(100% - 14px);
            box-sizing: border-box;
        .checkbox {
            margin-right: 10px;
.signature-line {
            margin-top: 30px;
            border-top: 1px solid #000;
            width: 250px;
            display: inline-block;
    <div class="header">
        <h1>Personal Protective Equipment (PPE) Checklist</h1>
        <img src="
content/uploads/2016/09/crystal-windows-2.png" alt="Company Logo" class="logo">
    <!-- Rest of the content remains the same -->

<p>This document should be stored as a record of PPE compliance and revisited regularly to ensure ongoing adherence to health and safety 

I cannot see a problem here:

Test project (5.8 KB)

Can I please ask to first isolate such things and send sample source projects + steps with which problems can be reproduced. All this guesswork we have to do here is not helping anyone and causes everyone to waste time.

I stripped all the code from the project and added the HTML to WebHTMLContainer1 ( on the secind tab) (5.9 KB)

Several files are missing in this zip