⎇ 8cdbd42cc82f840e0ff107f5ee196ac435607e50
test_fixtures/grid_absolute_justify_self_sized_all.html
History
raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <script src="../scripts/gentest/test_helper.js"></script>
5 <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
6 <title>
7 Test description
8 </title>
9<head/>
10<body>
11
12<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
13 <div style="position:absolute;width: 20px;height: 20px;justify-self: start;"></div>
14 <div style="position:absolute;width: 60px;height: 60px;justify-self: start;"></div>
15 <div style="position:absolute;width: 20px;height: 20px;justify-self: end;"></div>
16 <div style="position:absolute;width: 60px;height: 60px;justify-self: end;"></div>
17 <div style="position:absolute;width: 20px;height: 20px;justify-self: center;"></div>
18 <div style="position:absolute;width: 60px;height: 60px;justify-self: center;"></div>
19 <div style="position:absolute;width: 20px;height: 20px;justify-self: stretch;"></div>
20 <div style="position:absolute;width: 60px;height: 60px;justify-self: stretch;"></div>
21</div>
22
23</body>
24</html>