haikuwebkit/LayoutTests/fast/css-grid-layout/named-grid-areas-dynamic-wi...

16 lines
434 B
HTML

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.one { background-color: beige; width: 50%; }
.two { background-color: antiquewhite; width: 25%; }
.three { background-color: bisque; width: 25%; }
.one, .two, .three { min-height: 100px; float: left; }
</style>
<body>
<p>The test passes if you see 3 blocks bellow arranged on a single row</p>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</body>