<!DOCTYPE html>
<html lang=en>
<meta charset="utf-8">
<title>CSS Inline reference</title>
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
<style>
.green { color: green; }
.red { color: red; }
.ref {
display: inline-block;
}
div div {
width: 50px;
height: 0px;
border: 20px solid green;
margin: 10px;
}
</style>
<p>Test passes if the <span class=green>green</span> boxes have <span class=red>no red</span> in the middle.</p>
<div class=ref>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class=ref>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class=ref>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>