Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-ui/outline-003.html

Repository navigation

<!doctype html>

<title>CSS-UI test: outline & layout</title>

<style>

div {

background: red;

width: 100px;

height: 100px;

}

span:nth-of-type(1) {

float: left;

width: 30px;

height: 30px;

outline: solid 10px green;

background: green;

position: relative;

top: 10px;

left: 10px;

}

span:nth-of-type(2) {

float: left;

width: 0;

height: 0;

outline: solid 25px green;

background: red;

position: relative;

top: 25px;

left: 45px;

}

span:nth-of-type(3) {

float: left;

clear: left;

width: 100px;

height: 50px;

background: green;

position: relative;

top: 20px;

}

</style>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>