<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Spanner as ::after pseudo element</title> | |
</head> | |
<body> | |
<p>There should be two rectangles with identical sizes below. The first one should be blue | |
with nothing inside. The second one should be yellow with some dots inside.</p> | |
<div style="line-height:100px; background:blue;"> | |
| |
<div style="background:yellow;">..........</div> | |
</div> | |
</body> | |
</html> |