30 lines
1.0 KiB
HTML
30 lines
1.0 KiB
HTML
<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>
|