tawasuyu

tawasuyu/taffy

A high performance rust-powered UI layout library

Rust 1311HTML 640Markdown 11TOML 63653 Sutichaykuna

⎇ 868b85d2ee67e4a88e3cd480b4023610686f4c6a test_fixtures/block_absolute_layout_within_border.html HTML · 20 siq'ikuna · 838 B Ñawpa willay ch'uya

Implement CSS Block layout (`Display::Block`) (#474) 544399619 · Nico Burns ·

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="display: block; height: 100px; width: 100px; border-width: 10px; padding: 10px;">
13  <div style="display: block; position: absolute; width: 50px; height: 50px; left: 0px; top: 0px;"></div>
14  <div style="display: block; position: absolute; width: 50px; height: 50px; right: 0px; bottom: 0px;"></div>
15  <div style="display: block; position: absolute; width: 50px; height: 50px; left: 0px; top: 0px; margin: 10px;"></div>
16  <div style="display: block; position: absolute; width: 50px; height: 50px; right: 0px; bottom: 0px; margin: 10px;"></div>
17</div>
18
19</body>
20</html>