<style>
    .container {
        zoom: 50%;
        width: 900px;
    }
    .line {
        background-image: url('data:image/svg+xml;utf8,\
            <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24">\
                <rect width="100%" height="100%" fill="green"/>\
            </svg>');
        font-size: 32px;
        padding-left: 5px;
    }
</style>
<body>
    <p>PASS when all the lines below have visible green background.<p>
    <div class="container">
        <div class="line" style="background-size: 24px;">This line should have a visible green background.</div>
    </div>
    <div class="container">
        <div class="line" style="background-size: 48px;">This line should have a visible green background.</div>
    </div>
    <div class="container">
        <div class="line" style="background-size: 72px;">This line should have a visible green background.</div>
    </div>
    <div class="container">
        <div class="line" style="background-size: 96px;">This line should have a visible green background.</div>
    </div>
<body>