Format inline css in text fixtures (#465)
* Add test fixture formatting script
* Format CSS styles in test fixtures
* Allow fixture formatter to be run on user-specified directory
* cargo fmt
* Fix clippy lints
* Add CI check to enforce fixture formatting
* Move git check to bash script file
* Fix bash script
* Make fixture check script give feedback
* Print error message on single line
* Format overflow:scroll fixtures
* Integrate fixture formatting check directly into github CI config
* Shrink fixture formatting check script
08376be245a487c3d3438dfd5108a67f48222739 · ruwaq Nico Burns · 2023-04-24T14:21:13Z (3 wata ñawpaq) · tayta a044fc9a3kay commitpi sach'ata qhaway
Semántico sayk'uy · 2
scripts/format-fixtures/src/main.rs
474 qillqakuna · +1107 −1183
diff --git a/.cargo/config.toml b/.cargo/config.toml
index fa8b8d3e5..4a305236e 100644
--- a/.cargo/config.toml
+++ b/.cargo/config.toml
@@ -1,4 +1,5 @@
[alias]
gentest = "run --release --package gentest --"
import-yoga-tests = "run --package import-yoga-tests --"
+format-fixtures = "run --package format-fixtures --"
xbench = "bench --package taffy_benchmarks"
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 33338e3e2..ffe46fb22 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -137,6 +137,32 @@ jobs:
components: clippy
- run: cargo doc
+ markdownlint:
+ name: Markdown Lint
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v3
+ - name: Run Markdown Lint
+ uses: DavidAnson/markdownlint-cli2-action@v9
+ with:
+ globs: '**/*.md'
+
+ fixture-format:
+ name: Test Fixture Formatting
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v3
+ - name: Run format script
+ run: cargo format-fixtures
+ - name: Ensure no changes
+ run: |
+ if [ -z "$(git status --porcelain)" ]; then
+ echo "Fixtures formatted correctly"
+ else
+ git status && echo -e "\nTest fixtures are not formatted correctly. Please run 'cargo format-fixtures'"
+ exit 1
+ fi
+
benchmarks:
name: Build Benchmarks
runs-on: ubuntu-latest
@@ -158,13 +184,3 @@ jobs:
name: Build benchmarks (w/yoga)
env:
RUSTFLAGS: "-C opt-level=0"
-
- markdownlint:
- name: Markdown Lint
- runs-on: ubuntu-latest
- steps:
- - uses: actions/checkout@v3
- - name: Run Markdown Lint
- uses: DavidAnson/markdownlint-cli2-action@v9
- with:
- globs: '**/*.md'
diff --git a/Cargo.toml b/Cargo.toml
index d7c18423e..7d27888e1 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -47,4 +47,4 @@ path = "benches/dummy_benchmark.rs"
harness = false
[workspace]
-members = ["scripts/gentest", "scripts/import-yoga-tests", "benches"]
+members = ["scripts/gentest", "scripts/format-fixtures", "scripts/import-yoga-tests", "benches"]
diff --git a/scripts/format-fixtures/Cargo.toml b/scripts/format-fixtures/Cargo.toml
new file mode 100644
index 000000000..7ffb2ec5c
--- /dev/null
+++ b/scripts/format-fixtures/Cargo.toml
@@ -0,0 +1,9 @@
+[package]
+name = "format-fixtures"
+version = "0.1.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+regex = "1.8.1"
diff --git a/scripts/format-fixtures/src/main.rs b/scripts/format-fixtures/src/main.rs
new file mode 100644
index 000000000..b7dae1b23
--- /dev/null
+++ b/scripts/format-fixtures/src/main.rs
@@ -0,0 +1,63 @@
+use std::{
+ fs,
+ path::{Path, PathBuf},
+};
+
+use regex::{Captures, Regex};
+
+fn main() {
+ let fixtures_root = std::env::var("FIXTURE_DIR").map(PathBuf::from).unwrap_or_else(|_| {
+ let root_dir = PathBuf::from(std::env::var("CARGO_MANIFEST_DIR").unwrap());
+ let repo_root = root_dir.parent().and_then(Path::parent).unwrap();
+ repo_root.join("test_fixtures")
+ });
+ let fixtures = fs::read_dir(fixtures_root).unwrap();
+
+ println!("reading test fixtures from disk");
+ let fixtures: Vec<_> = fixtures
+ .into_iter()
+ .filter_map(|a| a.ok())
+ .filter(|f| f.path().is_file() && f.path().extension().map(|p| p == "html").unwrap_or(false))
+ .map(|f| {
+ let fixture_path = f.path();
+ let name = fixture_path.file_stem().unwrap().to_str().unwrap().to_string();
+ (name, fixture_path)
+ })
+ .collect();
+
+ let style_regex = Regex::new(r#"style="([^"]*)""#).unwrap();
+
+ for (_, fixture_path) in fixtures {
+ let content = fs::read_to_string(&fixture_path).unwrap();
+
+ let formatted_content = style_regex.replace_all(&content, |captures: &Captures| {
+ let style_attr = captures.get(0).unwrap().as_str();
+ format_style_attr(style_attr)
+ });
+
+ fs::write(&fixture_path, formatted_content.as_ref()).unwrap();
+ }
+}
+
+fn format_style_attr(input: &str) -> String {
+ let mut attr = String::with_capacity(1024);
+ attr.push_str("style=\"");
+
+ let input = &input[7..(input.len() - 1)];
+ let declarations = input.split(';').map(|decl| decl.trim()).filter(|decl| !decl.is_empty());
+ let mut has_declarations = false;
+ for decl in declarations {
+ has_declarations = true;
+ let (key, value) = decl.split_once(':').unwrap();
+ attr.push_str(key.trim());
+ attr.push_str(": ");
+ attr.push_str(value.trim());
+ attr.push_str("; ");
+ }
+ if has_declarations {
+ attr.pop();
+ }
+ attr.push('"');
+
+ attr
+}
diff --git a/scripts/gentest/src/main.rs b/scripts/gentest/src/main.rs
index 31646c6b2..a1a005dd5 100644
--- a/scripts/gentest/src/main.rs
+++ b/scripts/gentest/src/main.rs
@@ -13,7 +13,6 @@ use syn::Ident;
#[tokio::main]
async fn main() {
env_logger::init();
- // this requires being run by cargo, which is iffy
let root_dir = PathBuf::from(std::env::var("CARGO_MANIFEST_DIR").unwrap());
let repo_root = root_dir.parent().and_then(Path::parent).unwrap();
diff --git a/test_fixtures/absolute_aspect_ratio_fill_max_height.html b/test_fixtures/absolute_aspect_ratio_fill_max_height.html
index 343e55717..14b4d5fef 100644
--- a/test_fixtures/absolute_aspect_ratio_fill_max_height.html
+++ b/test_fixtures/absolute_aspect_ratio_fill_max_height.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="display: flex; width: 400px; height: 300px;">
- <div style="position: absolute;max-width: 50px; aspect-ratio: 3;">HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH</div>
+ <div style="position: absolute; max-width: 50px; aspect-ratio: 3;">HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/absolute_aspect_ratio_fill_max_width.html b/test_fixtures/absolute_aspect_ratio_fill_max_width.html
index f6b5fde58..80e7d9abb 100644
--- a/test_fixtures/absolute_aspect_ratio_fill_max_width.html
+++ b/test_fixtures/absolute_aspect_ratio_fill_max_width.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="display: flex; width: 400px; height: 300px;">
- <div style="position: absolute;max-height: 50px; aspect-ratio: 0.5;">HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH</div>
+ <div style="position: absolute; max-height: 50px; aspect-ratio: 0.5;">HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/absolute_aspect_ratio_fill_min_height.html b/test_fixtures/absolute_aspect_ratio_fill_min_height.html
index 8e9c5475a..79b236365 100644
--- a/test_fixtures/absolute_aspect_ratio_fill_min_height.html
+++ b/test_fixtures/absolute_aspect_ratio_fill_min_height.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="display: flex; width: 400px; height: 300px;">
- <div style="position: absolute;min-width: 50px; aspect-ratio: 3;"></div>
+ <div style="position: absolute; min-width: 50px; aspect-ratio: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_aspect_ratio_fill_min_width.html b/test_fixtures/absolute_aspect_ratio_fill_min_width.html
index fa09d4248..03dbc6482 100644
--- a/test_fixtures/absolute_aspect_ratio_fill_min_width.html
+++ b/test_fixtures/absolute_aspect_ratio_fill_min_width.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="display: flex; width: 400px; height: 300px;">
- <div style="position: absolute;min-height: 50px; aspect-ratio: 0.5;"></div>
+ <div style="position: absolute; min-height: 50px; aspect-ratio: 0.5;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_child_with_cross_margin.html b/test_fixtures/absolute_child_with_cross_margin.html
index dc94d1eff..fe14f4e01 100644
--- a/test_fixtures/absolute_child_with_cross_margin.html
+++ b/test_fixtures/absolute_child_with_cross_margin.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root"
- style="flex-direction: row; justify-content: space-between; max-width: 311px; max-height: 3.68935e+19px; min-width: 311px; min-height: 0px; ">
- <div style="flex-direction: row; align-content: stretch; width:28px; height:27px"></div>
+ style="flex-direction: row; justify-content: space-between; max-width: 311px; max-height: 3.68935e+19px; min-width: 311px; min-height: 0px;">
+ <div style="flex-direction: row; align-content: stretch; width: 28px; height: 27px;"></div>
<div
style="flex-direction: row; align-content: stretch; flex-grow: 0; flex-shrink: 1; margin-top: 4px; width: 100%; height: 15px; position: absolute;">
</div>
- <div style="flex-direction: row; align-content: stretch; width:25px; height:27px"></div>
+ <div style="flex-direction: row; align-content: stretch; width: 25px; height: 27px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_child_with_main_margin.html b/test_fixtures/absolute_child_with_main_margin.html
index 85b86d092..871a71bff 100644
--- a/test_fixtures/absolute_child_with_main_margin.html
+++ b/test_fixtures/absolute_child_with_main_margin.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: row; width: 20px; height: 37px">
- <div style="width: 9px; height: 9px; position: absolute; margin-left: 7px"></div>
+<div id="test-root" style="flex-direction: row; width: 20px; height: 37px;">
+ <div style="width: 9px; height: 9px; position: absolute; margin-left: 7px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_child_with_max_height.html b/test_fixtures/absolute_child_with_max_height.html
index 524d0701e..c0f42dd92 100644
--- a/test_fixtures/absolute_child_with_max_height.html
+++ b/test_fixtures/absolute_child_with_max_height.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 100px; height: 200px">
- <div style="flex-direction: column;position: absolute; bottom: 20px; max-height: 100px;">
- <div style="width: 100px; height: 30px"></div>
+<div id="test-root" style="flex-direction: column; width: 100px; height: 200px;">
+ <div style="flex-direction: column; position: absolute; bottom: 20px; max-height: 100px;">
+ <div style="width: 100px; height: 30px;"></div>
</div>
</div>
diff --git a/test_fixtures/absolute_child_with_max_height_larger_shrinkable_grandchild.html b/test_fixtures/absolute_child_with_max_height_larger_shrinkable_grandchild.html
index ec237a52c..2473399f0 100644
--- a/test_fixtures/absolute_child_with_max_height_larger_shrinkable_grandchild.html
+++ b/test_fixtures/absolute_child_with_max_height_larger_shrinkable_grandchild.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 100px; height: 200px">
- <div style="flex-direction: column;position: absolute; bottom: 20px; max-height: 100px;">
+<div id="test-root" style="flex-direction: column; width: 100px; height: 200px;">
+ <div style="flex-direction: column; position: absolute; bottom: 20px; max-height: 100px;">
<div style="width: 100px; flex-basis: 150px; flex-shrink: 1;"></div>
</div>
</div>
diff --git a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_bottom_position.html b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_bottom_position.html
index d352ec2e8..f2866e99d 100644
--- a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_bottom_position.html
+++ b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_bottom_position.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 110px; align-items: center; justify-content: center;">
- <div style="position: absolute; width: 60px; height: 40px;bottom:10px;"></div>
+ <div style="position: absolute; width: 60px; height: 40px; bottom: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_left_position.html b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_left_position.html
index 2a6ef6302..aeaf86dde 100644
--- a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_left_position.html
+++ b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_left_position.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 110px; align-items: center; justify-content: center;">
- <div style="position: absolute; width: 60px; height: 40px;left:5px;"></div>
+ <div style="position: absolute; width: 60px; height: 40px; left: 5px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_right_position.html b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_right_position.html
index 96083438d..23bd94ef1 100644
--- a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_right_position.html
+++ b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_right_position.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 110px; align-items: center; justify-content: center;">
- <div style="position: absolute; width: 60px; height: 40px;right:5px;"></div>
+ <div style="position: absolute; width: 60px; height: 40px; right: 5px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_top_position.html b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_top_position.html
index 378481d6e..4a8181ba5 100644
--- a/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_top_position.html
+++ b/test_fixtures/absolute_layout_align_items_and_justify_content_center_and_top_position.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 110px; align-items: center; justify-content: center;">
- <div style="position: absolute; width: 60px; height: 40px;top:10px;"></div>
+ <div style="position: absolute; width: 60px; height: 40px; top: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_align_items_center_on_child_only.html b/test_fixtures/absolute_layout_align_items_center_on_child_only.html
index fcb510ea7..1cde9b486 100644
--- a/test_fixtures/absolute_layout_align_items_center_on_child_only.html
+++ b/test_fixtures/absolute_layout_align_items_center_on_child_only.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 110px;">
- <div style="position: absolute; width: 60px; height: 40px;align-self: center;"></div>
+ <div style="position: absolute; width: 60px; height: 40px; align-self: center;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_in_wrap_reverse_column_container.html b/test_fixtures/absolute_layout_in_wrap_reverse_column_container.html
index d7bf19ab4..47d916207 100644
--- a/test_fixtures/absolute_layout_in_wrap_reverse_column_container.html
+++ b/test_fixtures/absolute_layout_in_wrap_reverse_column_container.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: column; width: 100px; height: 100px; flex-wrap: wrap-reverse;">
- <div style="width:20px; height:20px; position: absolute;"></div>
+ <div style="width: 20px; height: 20px; position: absolute;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_in_wrap_reverse_column_container_flex_end.html b/test_fixtures/absolute_layout_in_wrap_reverse_column_container_flex_end.html
index 23300434c..20fd80321 100644
--- a/test_fixtures/absolute_layout_in_wrap_reverse_column_container_flex_end.html
+++ b/test_fixtures/absolute_layout_in_wrap_reverse_column_container_flex_end.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: column; width: 100px; height: 100px; flex-wrap: wrap-reverse;">
- <div style="width:20px; height:20px; position: absolute; align-self: flex-end;"></div>
+ <div style="width: 20px; height: 20px; position: absolute; align-self: flex-end;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_in_wrap_reverse_row_container.html b/test_fixtures/absolute_layout_in_wrap_reverse_row_container.html
index 27b5d1177..605ebe392 100644
--- a/test_fixtures/absolute_layout_in_wrap_reverse_row_container.html
+++ b/test_fixtures/absolute_layout_in_wrap_reverse_row_container.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: row; width:100px; height: 100px; flex-wrap: wrap-reverse;">
- <div style="width:20px; height:20px; position: absolute;"></div>
+<div id="test-root" style="flex-direction: row; width: 100px; height: 100px; flex-wrap: wrap-reverse;">
+ <div style="width: 20px; height: 20px; position: absolute;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_in_wrap_reverse_row_container_flex_end.html b/test_fixtures/absolute_layout_in_wrap_reverse_row_container_flex_end.html
index 68c7066e9..52f9e3f8f 100644
--- a/test_fixtures/absolute_layout_in_wrap_reverse_row_container_flex_end.html
+++ b/test_fixtures/absolute_layout_in_wrap_reverse_row_container_flex_end.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: row; width: 100px; height: 100px; flex-wrap: wrap-reverse;">
- <div style="width:20px; height:20px; position: absolute; align-self: flex-end;"></div>
+ <div style="width: 20px; height: 20px; position: absolute; align-self: flex-end;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_percentage_height.html b/test_fixtures/absolute_layout_percentage_height.html
index 5baa37e2c..9dd9b5fe5 100644
--- a/test_fixtures/absolute_layout_percentage_height.html
+++ b/test_fixtures/absolute_layout_percentage_height.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 100px;">
- <div style="width:10px; height: 50%; position: absolute; left: 10px; top: 10px;"></div>
+ <div style="width: 10px; height: 50%; position: absolute; left: 10px; top: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_layout_row_width_height_end_bottom.html b/test_fixtures/absolute_layout_row_width_height_end_bottom.html
index 520ac7842..4bc6dd9f0 100644
--- a/test_fixtures/absolute_layout_row_width_height_end_bottom.html
+++ b/test_fixtures/absolute_layout_row_width_height_end_bottom.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
- <div style="width:10px; height: 10px; position: absolute; right: 10px; bottom: 10px;"></div>
+ <div style="width: 10px; height: 10px; position: absolute; right: 10px; bottom: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_margin_bottom_left.html b/test_fixtures/absolute_margin_bottom_left.html
index 3a7e114d1..4370dee71 100644
--- a/test_fixtures/absolute_margin_bottom_left.html
+++ b/test_fixtures/absolute_margin_bottom_left.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; justify-content: flex-end; flex-direction: column;">
- <div style="position: absolute;height: 10px; width: 10px;margin-bottom: 10px;margin-left: 10px"></div>
+ <div style="position: absolute; height: 10px; width: 10px; margin-bottom: 10px; margin-left: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_minmax_bottom_right_max.html b/test_fixtures/absolute_minmax_bottom_right_max.html
index dcf45cfd3..0f94acbd7 100644
--- a/test_fixtures/absolute_minmax_bottom_right_max.html
+++ b/test_fixtures/absolute_minmax_bottom_right_max.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px;">
- <div style="position: absolute; right: 10px; bottom: 10px; width: 100px; height: 100px; max-width: 40px; max-height: 30px"></div>
+ <div style="position: absolute; right: 10px; bottom: 10px; width: 100px; height: 100px; max-width: 40px; max-height: 30px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_minmax_bottom_right_min_max.html b/test_fixtures/absolute_minmax_bottom_right_min_max.html
index d36e9d2a8..0bd7c475c 100644
--- a/test_fixtures/absolute_minmax_bottom_right_min_max.html
+++ b/test_fixtures/absolute_minmax_bottom_right_min_max.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px;">
- <div style="position: absolute;right: 10px; bottom: 10px; max-width: 40px; min-width: 50px; max-height: 30px; min-height: 60px;"></div>
+ <div style="position: absolute; right: 10px; bottom: 10px; max-width: 40px; min-width: 50px; max-height: 30px; min-height: 60px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_minmax_bottom_right_min_max_preferred.html b/test_fixtures/absolute_minmax_bottom_right_min_max_preferred.html
index ff9ea5e97..f25438e94 100644
--- a/test_fixtures/absolute_minmax_bottom_right_min_max_preferred.html
+++ b/test_fixtures/absolute_minmax_bottom_right_min_max_preferred.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px;">
- <div style="position: absolute;right: 10px; bottom: 10px; max-width: 40px; min-width: 50px; max-height: 30px; min-height: 60px;width: 200px;height:200px"></div>
+ <div style="position: absolute; right: 10px; bottom: 10px; max-width: 40px; min-width: 50px; max-height: 30px; min-height: 60px; width: 200px; height: 200px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_minmax_top_left_bottom_right_max.html b/test_fixtures/absolute_minmax_top_left_bottom_right_max.html
index 7b780c88f..a9145eb0b 100644
--- a/test_fixtures/absolute_minmax_top_left_bottom_right_max.html
+++ b/test_fixtures/absolute_minmax_top_left_bottom_right_max.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px;">
- <div style="position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; max-width: 40px; max-height: 30px"></div>
+ <div style="position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; max-width: 40px; max-height: 30px;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_padding_border_overrides_max_size.html b/test_fixtures/absolute_padding_border_overrides_max_size.html
index f59daf4a9..adffdaf0c 100644
--- a/test_fixtures/absolute_padding_border_overrides_max_size.html
+++ b/test_fixtures/absolute_padding_border_overrides_max_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="position:absolute;max-width: 12px; max-height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+ <div style="position: absolute; max-width: 12px; max-height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/absolute_padding_border_overrides_size.html b/test_fixtures/absolute_padding_border_overrides_size.html
index 9d5db2241..24bcbbc60 100644
--- a/test_fixtures/absolute_padding_border_overrides_size.html
+++ b/test_fixtures/absolute_padding_border_overrides_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="position:absolute;width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+ <div style="position: absolute; width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/align_baseline_child.html b/test_fixtures/align_baseline_child.html
index 31d270688..e1b8b6306 100644
--- a/test_fixtures/align_baseline_child.html
+++ b/test_fixtures/align_baseline_child.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="flex-direction: column; width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
+ <div style="flex-direction: column; width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_margin.html b/test_fixtures/align_baseline_child_margin.html
index 2d1f0d446..f3b3de7e3 100644
--- a/test_fixtures/align_baseline_child_margin.html
+++ b/test_fixtures/align_baseline_child_margin.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
- <div style="width: 50px; height: 50px;margin: 5px;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
- <div style="width: 50px; height: 10px;margin: 5px;"></div>
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
+ <div style="width: 50px; height: 50px; margin: 5px;"></div>
+ <div style="flex-direction: column; width: 50px; height: 20px;">
+ <div style="width: 50px; height: 10px; margin: 5px;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_margin_percent.html b/test_fixtures/align_baseline_child_margin_percent.html
index 283332eec..70531ecf8 100644
--- a/test_fixtures/align_baseline_child_margin_percent.html
+++ b/test_fixtures/align_baseline_child_margin_percent.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
- <div style="width: 50px; height: 50px;margin: 5%;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
- <div style="width: 50px; height: 10px;margin: 1%;"></div>
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
+ <div style="width: 50px; height: 50px; margin: 5%;"></div>
+ <div style="flex-direction: column; width: 50px; height: 20px;">
+ <div style="width: 50px; height: 10px; margin: 1%;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_multiline_no_override_on_secondline.html b/test_fixtures/align_baseline_child_multiline_no_override_on_secondline.html
index 369ca5a30..e68d7da8c 100644
--- a/test_fixtures/align_baseline_child_multiline_no_override_on_secondline.html
+++ b/test_fixtures/align_baseline_child_multiline_no_override_on_secondline.html
@@ -9,13 +9,13 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 60px;"></div>
- <div style="width: 50px; height: 25px;flex-wrap:wrap;flex-direction:row;">
+ <div style="width: 50px; height: 25px; flex-wrap: wrap; flex-direction: row;">
<div style="width: 25px; height: 20px;"></div>
<div style="width: 25px; height: 10px;"></div>
<div style="width: 25px; height: 20px;"></div>
- <div style="width: 25px; height: 10px;align-self:baseline;"></div>
+ <div style="width: 25px; height: 10px; align-self: baseline;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_multiline_override.html b/test_fixtures/align_baseline_child_multiline_override.html
index 9ad171200..879ea08ff 100644
--- a/test_fixtures/align_baseline_child_multiline_override.html
+++ b/test_fixtures/align_baseline_child_multiline_override.html
@@ -9,13 +9,13 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 60px;"></div>
- <div style="width: 50px; height: 25px;flex-wrap:wrap;flex-direction:row;">
+ <div style="width: 50px; height: 25px; flex-wrap: wrap; flex-direction: row;">
<div style="width: 25px; height: 20px;"></div>
- <div style="width: 25px; height: 10px;align-self:baseline;"></div>
+ <div style="width: 25px; height: 10px; align-self: baseline;"></div>
<div style="width: 25px; height: 20px;"></div>
- <div style="width: 25px; height: 10px;align-self:baseline;"></div>
+ <div style="width: 25px; height: 10px; align-self: baseline;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_padding.html b/test_fixtures/align_baseline_child_padding.html
index 76283c84f..a7349fb6a 100644
--- a/test_fixtures/align_baseline_child_padding.html
+++ b/test_fixtures/align_baseline_child_padding.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; padding:5px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; padding: 5px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;padding:5px;">
+ <div style="flex-direction: column; width: 50px; height: 20px; padding: 5px;">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_top.html b/test_fixtures/align_baseline_child_top.html
index afd4c3143..6884d71de 100644
--- a/test_fixtures/align_baseline_child_top.html
+++ b/test_fixtures/align_baseline_child_top.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
- <div style="width: 50px; height: 50px;top:10px;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
+ <div style="width: 50px; height: 50px; top: 10px;"></div>
+ <div style="flex-direction: column; width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_child_top2.html b/test_fixtures/align_baseline_child_top2.html
index 4e5085d7a..2eb3b4da0 100644
--- a/test_fixtures/align_baseline_child_top2.html
+++ b/test_fixtures/align_baseline_child_top2.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
- <div style="width: 50px; height: 20px;top:5px">
+ <div style="width: 50px; height: 20px; top: 5px;">
<div style="width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/align_baseline_column.html b/test_fixtures/align_baseline_column.html
index 12c62d110..47e54efa7 100644
--- a/test_fixtures/align_baseline_column.html
+++ b/test_fixtures/align_baseline_column.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:column; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: column; align-items: baseline;">
<div style="width: 50px; height: 50px;"></div>
<div style="width: 50px; height: 20px;"></div>
</div>
diff --git a/test_fixtures/align_baseline_double_nested_child.html b/test_fixtures/align_baseline_double_nested_child.html
index 46aeb451c..f213bc4a4 100644
--- a/test_fixtures/align_baseline_double_nested_child.html
+++ b/test_fixtures/align_baseline_double_nested_child.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline;">
<div style="width: 50px; height: 50px;">
<div style="width: 50px; height: 20px;"></div>
</div>
diff --git a/test_fixtures/align_baseline_multiline.html b/test_fixtures/align_baseline_multiline.html
index a57ec03e3..1e77650f5 100644
--- a/test_fixtures/align_baseline_multiline.html
+++ b/test_fixtures/align_baseline_multiline.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;flex-wrap:wrap;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"></div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
+ <div style="flex-direction: column; width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
- <div style="flex-direction: column;width: 50px; height: 20px;">
+ <div style="flex-direction: column; width: 50px; height: 20px;">
<div style="width: 50px; height: 10px;"></div>
</div>
<div style="width: 50px; height: 50px;"></div>
diff --git a/test_fixtures/align_baseline_multiline_column.html b/test_fixtures/align_baseline_multiline_column.html
index d2b3230a4..1715c36c7 100644
--- a/test_fixtures/align_baseline_multiline_column.html
+++ b/test_fixtures/align_baseline_multiline_column.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:column; align-items: baseline;flex-wrap:wrap;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: column; align-items: baseline; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"></div>
- <div style="flex-direction: column;width: 30px; height: 50px;">
+ <div style="flex-direction: column; width: 30px; height: 50px;">
<div style="width: 20px; height: 20px;"></div>
</div>
- <div style="flex-direction: column;width: 40px; height: 70px;">
+ <div style="flex-direction: column; width: 40px; height: 70px;">
<div style="width: 10px; height: 10px;"></div>
</div>
<div style="width: 50px; height: 20px;"></div>
diff --git a/test_fixtures/align_baseline_multiline_column2.html b/test_fixtures/align_baseline_multiline_column2.html
index e1c227d4d..188f86e5f 100644
--- a/test_fixtures/align_baseline_multiline_column2.html
+++ b/test_fixtures/align_baseline_multiline_column2.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:column; align-items: baseline;flex-wrap:wrap;">
- <div style="width: 50px; height: 50px;flex-direction:column;"></div>
- <div style="width: 30px; height: 50px;flex-direction:column;">
- <div style="width: 20px; height: 20px;flex-direction:column;"></div>
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: column; align-items: baseline; flex-wrap: wrap;">
+ <div style="width: 50px; height: 50px; flex-direction: column;"></div>
+ <div style="width: 30px; height: 50px; flex-direction: column;">
+ <div style="width: 20px; height: 20px; flex-direction: column;"></div>
</div>
- <div style="width: 40px; height: 70px;flex-direction:column;">
- <div style="width: 10px; height: 10px;flex-direction:column;"></div>
+ <div style="width: 40px; height: 70px; flex-direction: column;">
+ <div style="width: 10px; height: 10px; flex-direction: column;"></div>
</div>
- <div style="width: 50px; height: 20px;flex-direction:column;"></div>
+ <div style="width: 50px; height: 20px; flex-direction: column;"></div>
</div>
</body>
diff --git a/test_fixtures/align_baseline_multiline_row_and_column.html b/test_fixtures/align_baseline_multiline_row_and_column.html
index e86b16a68..a80c4d1e9 100644
--- a/test_fixtures/align_baseline_multiline_row_and_column.html
+++ b/test_fixtures/align_baseline_multiline_row_and_column.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction:row; align-items: baseline;flex-wrap:wrap;">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-items: baseline; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"></div>
- <div style="width: 50px; height: 50px;flex-direction:column;">
+ <div style="width: 50px; height: 50px; flex-direction: column;">
<div style="width: 50px; height: 10px;"></div>
</div>
- <div style="width: 50px; height: 20px;flex-direction:column;">
+ <div style="width: 50px; height: 20px; flex-direction: column;">
<div style="width: 50px; height: 10px;"></div>
</div>
<div style="width: 50px; height: 20px;"></div>
diff --git a/test_fixtures/align_baseline_nested_column.html b/test_fixtures/align_baseline_nested_column.html
index 8518996c5..d339e91b2 100644
--- a/test_fixtures/align_baseline_nested_column.html
+++ b/test_fixtures/align_baseline_nested_column.html
@@ -13,8 +13,8 @@
<div style="width: 50px; height: 60px;"></div>
<div style="flex-direction: column;">
<div style="width: 50px; height: 80px; flex-direction: column;">
- <div style="flex-direction: column;width: 50px; height: 30px;"></div>
- <div style="flex-direction: column;width: 50px; height: 40px;"></div>
+ <div style="flex-direction: column; width: 50px; height: 30px;"></div>
+ <div style="flex-direction: column; width: 50px; height: 40px;"></div>
</div>
</div>
</div>
diff --git a/test_fixtures/align_content_space_around_single_line.html b/test_fixtures/align_content_space_around_single_line.html
index b22143b2f..ab7798338 100644
--- a/test_fixtures/align_content_space_around_single_line.html
+++ b/test_fixtures/align_content_space_around_single_line.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-content: space-around;">
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_space_around_wrapped.html b/test_fixtures/align_content_space_around_wrapped.html
index 948c84897..5b1f7691a 100644
--- a/test_fixtures/align_content_space_around_wrapped.html
+++ b/test_fixtures/align_content_space_around_wrapped.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-around;">
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_space_between_single_line.html b/test_fixtures/align_content_space_between_single_line.html
index c502250ca..8dbf02ccf 100644
--- a/test_fixtures/align_content_space_between_single_line.html
+++ b/test_fixtures/align_content_space_between_single_line.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-content: space-between;">
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_space_between_wrapped.html b/test_fixtures/align_content_space_between_wrapped.html
index fc95b3614..b13d572f2 100644
--- a/test_fixtures/align_content_space_between_wrapped.html
+++ b/test_fixtures/align_content_space_between_wrapped.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-between;">
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_space_evenly_single_line.html b/test_fixtures/align_content_space_evenly_single_line.html
index 0c6123c58..ec8cacddd 100644
--- a/test_fixtures/align_content_space_evenly_single_line.html
+++ b/test_fixtures/align_content_space_evenly_single_line.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; align-content: space-evenly;">
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
- <div style="height: 10px; width: 10px"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
+ <div style="height: 10px; width: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_space_evenly_wrapped.html b/test_fixtures/align_content_space_evenly_wrapped.html
index 416f621d5..49a5199ea 100644
--- a/test_fixtures/align_content_space_evenly_wrapped.html
+++ b/test_fixtures/align_content_space_evenly_wrapped.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-evenly;">
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
- <div style="height: 10px; width: 50px"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
+ <div style="height: 10px; width: 50px;"></div>
</div>
</body>
diff --git a/test_fixtures/align_content_stretch_column.html b/test_fixtures/align_content_stretch_column.html
index f4443d8b8..02c31f4e4 100644
--- a/test_fixtures/align_content_stretch_column.html
+++ b/test_fixtures/align_content_stretch_column.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 150px; flex-wrap: wrap; flex-direction: column; align-content: stretch;">
- <div style="flex-direction: column;height: 50px;">
+ <div style="flex-direction: column; height: 50px;">
<div style="flex: 1;"></div>
</div>
<div style="height: 50px; flex: 1;"></div>
diff --git a/test_fixtures/align_content_stretch_is_not_overriding_align_items.html b/test_fixtures/align_content_stretch_is_not_overriding_align_items.html
index 19b46a127..11b5b622f 100644
--- a/test_fixtures/align_content_stretch_is_not_overriding_align_items.html
+++ b/test_fixtures/align_content_stretch_is_not_overriding_align_items.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="align-content:stretch;">
- <div style="width:100px; height: 100px; align-items: center; flex-direction: row; align-content:stretch;">
- <div style="height: 10px; width: 10px; align-content:stretch;"></div>
+<div id="test-root" style="align-content: stretch;">
+ <div style="width: 100px; height: 100px; align-items: center; flex-direction: row; align-content: stretch;">
+ <div style="height: 10px; width: 10px; align-content: stretch;"></div>
</div>
</div>
diff --git a/test_fixtures/align_content_stretch_row_with_children.html b/test_fixtures/align_content_stretch_row_with_children.html
index 2acda347e..1d3bfe5ca 100644
--- a/test_fixtures/align_content_stretch_row_with_children.html
+++ b/test_fixtures/align_content_stretch_row_with_children.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 150px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: stretch;">
- <div style="flex-direction: column;width: 50px;">
+ <div style="flex-direction: column; width: 50px;">
<div style="flex: 1;"></div>
</div>
<div style="width: 50px;"></div>
diff --git a/test_fixtures/align_flex_start_with_shrinking_children_with_stretch.html b/test_fixtures/align_flex_start_with_shrinking_children_with_stretch.html
index ecdd61f95..5e0798378 100644
--- a/test_fixtures/align_flex_start_with_shrinking_children_with_stretch.html
+++ b/test_fixtures/align_flex_start_with_shrinking_children_with_stretch.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 500px; width: 500px">
+<div id="test-root" style="height: 500px; width: 500px;">
<div style="align-items: flex-start;">
<div style="flex-grow: 1; flex-shrink: 1; align-items: stretch;">
<div style="flex-grow: 1; flex-shrink: 1;"></div>
diff --git a/test_fixtures/align_flex_start_with_stretching_children.html b/test_fixtures/align_flex_start_with_stretching_children.html
index 95ec96215..bc099b939 100644
--- a/test_fixtures/align_flex_start_with_stretching_children.html
+++ b/test_fixtures/align_flex_start_with_stretching_children.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 500px; width: 500px">
+<div id="test-root" style="height: 500px; width: 500px;">
<div style="align-items: strech;">
<div style="flex-grow: 1; flex-shrink: 1;">
<div style="flex-grow: 1; flex-shrink: 1;"></div>
diff --git a/test_fixtures/align_items_center_justify_content_center.html b/test_fixtures/align_items_center_justify_content_center.html
index 6c42a2eb4..9b66649b1 100644
--- a/test_fixtures/align_items_center_justify_content_center.html
+++ b/test_fixtures/align_items_center_justify_content_center.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;height: 500px; width: 500px">
- <div style="flex-direction: column;align-items: center; justify-content: center; height: 50px">
- <div style="flex-direction: column;align-items: center; justify-content: center; height: 100%; margin-left: 10px; margin-right: 10px;">
+<div id="test-root" style="flex-direction: column; height: 500px; width: 500px;">
+ <div style="flex-direction: column; align-items: center; justify-content: center; height: 50px;">
+ <div style="flex-direction: column; align-items: center; justify-content: center; height: 100%; margin-left: 10px; margin-right: 10px;">
<div style="width: 10px; height: 10px;">
</div>
</div>
diff --git a/test_fixtures/align_self_center.html b/test_fixtures/align_self_center.html
index 9829259f8..93b9d1637 100644
--- a/test_fixtures/align_self_center.html
+++ b/test_fixtures/align_self_center.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="height: 10px; width: 10px; align-self: center;"></div>
</div>
diff --git a/test_fixtures/align_self_center_undefined_max_height.html b/test_fixtures/align_self_center_undefined_max_height.html
index edfff9067..06d2107bf 100644
--- a/test_fixtures/align_self_center_undefined_max_height.html
+++ b/test_fixtures/align_self_center_undefined_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 280px; min-height: 52px; flex-direction: row;">
+<div id="test-root" style="flex-direction: column; width: 280px; min-height: 52px; flex-direction: row;">
<div style="height: 44px; width: 240px;"></div>
<div style="height: 56px; width: 40px; align-self: center;"></div>
</div>
diff --git a/test_fixtures/align_self_flex_end.html b/test_fixtures/align_self_flex_end.html
index 1753a03bb..9329a4e8b 100644
--- a/test_fixtures/align_self_flex_end.html
+++ b/test_fixtures/align_self_flex_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="height: 10px; width: 10px; align-self: flex-end;"></div>
</div>
diff --git a/test_fixtures/align_self_flex_end_override_flex_start.html b/test_fixtures/align_self_flex_end_override_flex_start.html
index d481adc10..61ee857e0 100644
--- a/test_fixtures/align_self_flex_end_override_flex_start.html
+++ b/test_fixtures/align_self_flex_end_override_flex_start.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px; align-items: flex-start;">
+<div id="test-root" style="width: 100px; height: 100px; align-items: flex-start;">
<div style="height: 10px; width: 10px; align-self: flex-end;"></div>
</div>
diff --git a/test_fixtures/align_self_flex_start.html b/test_fixtures/align_self_flex_start.html
index 1e3a5a3bf..46cd001ff 100644
--- a/test_fixtures/align_self_flex_start.html
+++ b/test_fixtures/align_self_flex_start.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="height: 10px; width: 10px; align-self: flex-start;"></div>
</div>
diff --git a/test_fixtures/android_news_feed.html b/test_fixtures/android_news_feed.html
index 4d3586f01..d72436168 100644
--- a/test_fixtures/android_news_feed.html
+++ b/test_fixtures/android_news_feed.html
@@ -9,28 +9,28 @@
</head>
<body>
- <div id="test-root" layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column;align-content: stretch; flex-shrink: 0; width: 1080px; " >
- <div layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column;flex-shrink: 0; " >
- <div layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column;align-content: stretch; " >
- <div layout="width: 1080; height: 226; top: 0; left: 0;" style="flex-direction: column;align-content: stretch; " >
- <div layout="width: 1044; height: 202; top: 24; left: 36;" style="flex-direction: row; align-items: flex-start; align-content: stretch; margin-top: 24px; margin-left: 36px; " >
- <div layout="width: 120; height: 120; top: 0; left: 0;" style="flex-direction: row; align-content: stretch; flex-shrink: 0; " >
- <div layout="width: 120; height: 120; top: 0; left: 0;" style="align-content: stretch; flex-shrink: 0; width: 120px; height: 120px; " has-custom-measure="true"></div>
+ <div id="test-root" layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column; align-content: stretch; flex-shrink: 0; width: 1080px;" >
+ <div layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column; flex-shrink: 0;" >
+ <div layout="width: 1080; height: 444; top: 0; left: 0;" style="flex-direction: column; align-content: stretch;" >
+ <div layout="width: 1080; height: 226; top: 0; left: 0;" style="flex-direction: column; align-content: stretch;" >
+ <div layout="width: 1044; height: 202; top: 24; left: 36;" style="flex-direction: row; align-items: flex-start; align-content: stretch; margin-top: 24px; margin-left: 36px;" >
+ <div layout="width: 120; height: 120; top: 0; left: 0;" style="flex-direction: row; align-content: stretch; flex-shrink: 0;" >
+ <div layout="width: 120; height: 120; top: 0; left: 0;" style="align-content: stretch; flex-shrink: 0; width: 120px; height: 120px;" has-custom-measure="true"></div>
</div>
- <div layout="width: 870; height: 202; top: 0; left: 138;" style="flex-direction: column;align-content: stretch; flex-shrink: 1; margin-right: 36px; padding-left: 36px; padding-top: 21px; padding-right: 36px; padding-bottom: 18px; " >
- <div layout="width: 798; height: 49; top: 21; left: 36;" style="flex-direction: row; align-content: stretch; flex-shrink: 1; " has-custom-measure="true"></div>
- <div layout="width: 798; height: 114; top: 70; left: 36;" style="align-content: stretch; flex-shrink: 1; " has-custom-measure="true"></div>
+ <div layout="width: 870; height: 202; top: 0; left: 138;" style="flex-direction: column; align-content: stretch; flex-shrink: 1; margin-right: 36px; padding-left: 36px; padding-top: 21px; padding-right: 36px; padding-bottom: 18px;" >
+ <div layout="width: 798; height: 49; top: 21; left: 36;" style="flex-direction: row; align-content: stretch; flex-shrink: 1;" has-custom-measure="true"></div>
+ <div layout="width: 798; height: 114; top: 70; left: 36;" style="align-content: stretch; flex-shrink: 1;" has-custom-measure="true"></div>
</div>
</div>
</div>
- <div layout="width: 1080; height: 218; top: 226; left: 0;" style="flex-direction: column;align-content: stretch; " >
- <div layout="width: 906; height: 194; top: 24; left: 174;" style="flex-direction: row; align-items: flex-start; align-content: stretch; margin-top: 24px; margin-left: 174px; " >
- <div layout="width: 72; height: 72; top: 12; left: 0;" style="flex-direction: row; align-content: stretch; flex-shrink: 0; " >
- <div layout="width: 72; height: 72; top: 0; left: 0;" style="align-content: stretch; flex-shrink: 0; width: 72px; height: 72px; " has-custom-measure="true"></div>
+ <div layout="width: 1080; height: 218; top: 226; left: 0;" style="flex-direction: column; align-content: stretch;" >
+ <div layout="width: 906; height: 194; top: 24; left: 174;" style="flex-direction: row; align-items: flex-start; align-content: stretch; margin-top: 24px; margin-left: 174px;" >
+ <div layout="width: 72; height: 72; top: 12; left: 0;" style="flex-direction: row; align-content: stretch; flex-shrink: 0;" >
+ <div layout="width: 72; height: 72; top: 0; left: 0;" style="align-content: stretch; flex-shrink: 0; width: 72px; height: 72px;" has-custom-measure="true"></div>
</div>
- <div layout="width: 780; height: 194; top: 0; left: 90;" style="flex-direction: column;align-content: stretch; flex-shrink: 1; margin-right: 36px; padding-left: 36px; padding-top: 21px; padding-right: 36px; padding-bottom: 18px; " >
- <div layout="width: 708; height: 49; top: 21; left: 36;" style="flex-direction: row; align-content: stretch; flex-shrink: 1; " has-custom-measure="true"></div>
- <div layout="width: 708; height: 106; top: 70; left: 36;" style="align-content: stretch; flex-shrink: 1; " has-custom-measure="true"></div>
+ <div layout="width: 780; height: 194; top: 0; left: 90;" style="flex-direction: column; align-content: stretch; flex-shrink: 1; margin-right: 36px; padding-left: 36px; padding-top: 21px; padding-right: 36px; padding-bottom: 18px;" >
+ <div layout="width: 708; height: 49; top: 21; left: 36;" style="flex-direction: row; align-content: stretch; flex-shrink: 1;" has-custom-measure="true"></div>
+ <div layout="width: 708; height: 106; top: 70; left: 36;" style="align-content: stretch; flex-shrink: 1;" has-custom-measure="true"></div>
</div>
</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_height.html b/test_fixtures/aspect_ratio_flex_column_fill_height.html
index 4bf6e342b..cca582e01 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_height.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_max_height.html b/test_fixtures/aspect_ratio_flex_column_fill_max_height.html
index a99a986bb..460c67c12 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_max_height.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="max-width: 40px; aspect-ratio: 2;">HH​HH​HH​HH​HH​HH​HH​HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_max_width.html b/test_fixtures/aspect_ratio_flex_column_fill_max_width.html
index 600633c04..62481d109 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_max_width.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_max_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="max-height: 20px; aspect-ratio: 2;">HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_min_height.html b/test_fixtures/aspect_ratio_flex_column_fill_min_height.html
index 816bab82d..fea7dd73c 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_min_height.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_min_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="min-width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_min_width.html b/test_fixtures/aspect_ratio_flex_column_fill_min_width.html
index 5419f0347..4ca571da1 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_min_width.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="min-height: 40px; aspect-ratio: 2;">
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_width.html b/test_fixtures/aspect_ratio_flex_column_fill_width.html
index e9000d53c..99e1d6292 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_width.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; align-items: start; height: 100px; width: 100px;">
<div style="height: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_fill_width_flex.html b/test_fixtures/aspect_ratio_flex_column_fill_width_flex.html
index a916d4e1b..c64bec8dc 100644
--- a/test_fixtures/aspect_ratio_flex_column_fill_width_flex.html
+++ b/test_fixtures/aspect_ratio_flex_column_fill_width_flex.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; flex-direction: column; height: 100px; width: 100px;">
<div style="height: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_stretch_fill_height.html b/test_fixtures/aspect_ratio_flex_column_stretch_fill_height.html
index d21659fd1..783e350c1 100644
--- a/test_fixtures/aspect_ratio_flex_column_stretch_fill_height.html
+++ b/test_fixtures/aspect_ratio_flex_column_stretch_fill_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_height.html b/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_height.html
index 4388c258d..90a31ea54 100644
--- a/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_height.html
+++ b/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="max-width: 40px; aspect-ratio: 2;">HH​HH​HH​HH​HH​HH​HH​HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_width.html b/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_width.html
index 4e6cf4a40..389b171a6 100644
--- a/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_width.html
+++ b/test_fixtures/aspect_ratio_flex_column_stretch_fill_max_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="max-height: 20px; aspect-ratio: 2;">HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_column_stretch_fill_width.html b/test_fixtures/aspect_ratio_flex_column_stretch_fill_width.html
index 3b9b9c8b1..ef5f58f06 100644
--- a/test_fixtures/aspect_ratio_flex_column_stretch_fill_width.html
+++ b/test_fixtures/aspect_ratio_flex_column_stretch_fill_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="height: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_height.html b/test_fixtures/aspect_ratio_flex_row_fill_height.html
index fddf94998..a5dc4e7c3 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_height.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_max_height.html b/test_fixtures/aspect_ratio_flex_row_fill_max_height.html
index af0932fcd..1e6e811ee 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_max_height.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="max-width: 40px; aspect-ratio: 2;">HH​HH​HH​HH​HH​HH​HH​HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_max_width.html b/test_fixtures/aspect_ratio_flex_row_fill_max_width.html
index 2994f4f93..025004e75 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_max_width.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_max_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="max-height: 20px; aspect-ratio: 2;">HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_min_height.html b/test_fixtures/aspect_ratio_flex_row_fill_min_height.html
index d7c110b96..6ee37bf1e 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_min_height.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_min_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="min-width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_min_width.html b/test_fixtures/aspect_ratio_flex_row_fill_min_width.html
index eaae9c4bd..7ff6cbf9b 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_min_width.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="min-height: 40px; aspect-ratio: 2;">
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_width.html b/test_fixtures/aspect_ratio_flex_row_fill_width.html
index c4bcf4fde..efd541ada 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_width.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; align-items: start; height: 100px; width: 100px;">
<div style="height: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_fill_width_flex.html b/test_fixtures/aspect_ratio_flex_row_fill_width_flex.html
index a983ace9b..d3f9013b3 100644
--- a/test_fixtures/aspect_ratio_flex_row_fill_width_flex.html
+++ b/test_fixtures/aspect_ratio_flex_row_fill_width_flex.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;align-items: start;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; align-items: start; height: 100px; width: 100px;">
<div style="height: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_stretch_fill_height.html b/test_fixtures/aspect_ratio_flex_row_stretch_fill_height.html
index d38edd2f3..e03e82fd6 100644
--- a/test_fixtures/aspect_ratio_flex_row_stretch_fill_height.html
+++ b/test_fixtures/aspect_ratio_flex_row_stretch_fill_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_height.html b/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_height.html
index d52b431a9..68d62153c 100644
--- a/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_height.html
+++ b/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="max-width: 40px; aspect-ratio: 2;">HH​HH​HH​HH​HH​HH​HH​HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_width.html b/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_width.html
index 5487ae599..064b86f1c 100644
--- a/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_width.html
+++ b/test_fixtures/aspect_ratio_flex_row_stretch_fill_max_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="max-height: 20px; aspect-ratio: 2;">HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/aspect_ratio_flex_row_stretch_fill_width.html b/test_fixtures/aspect_ratio_flex_row_stretch_fill_width.html
index c4e6aaf82..47b4da044 100644
--- a/test_fixtures/aspect_ratio_flex_row_stretch_fill_width.html
+++ b/test_fixtures/aspect_ratio_flex_row_stretch_fill_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="height: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/bevy_issue_7976_3_level.html b/test_fixtures/bevy_issue_7976_3_level.html
index 8d7021f98..5389a6265 100644
--- a/test_fixtures/bevy_issue_7976_3_level.html
+++ b/test_fixtures/bevy_issue_7976_3_level.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 200px; align-content: start">
- <div style="min-width: 40px;min-height:40px;margin:5px;padding:5px;background-color:red">
- <div style="width:100%;height:100%;padding:5px;background-color:green"></div>
+<div id="test-root" style="width: 200px; height: 200px; align-content: start;">
+ <div style="min-width: 40px; min-height: 40px; margin: 5px; padding: 5px; background-color: red;">
+ <div style="width: 100%; height: 100%; padding: 5px; background-color: green;"></div>
</div>
</div>
diff --git a/test_fixtures/bevy_issue_7976_4_level.html b/test_fixtures/bevy_issue_7976_4_level.html
index 288479a44..68100671a 100644
--- a/test_fixtures/bevy_issue_7976_4_level.html
+++ b/test_fixtures/bevy_issue_7976_4_level.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 200px; align-content: start">
- <div style="min-width: 40px;min-height:40px;margin:5px;padding:5px;background-color:red">
- <div style="width:100%;height:100%;padding:5px;background-color:green">
+<div id="test-root" style="width: 200px; height: 200px; align-content: start;">
+ <div style="min-width: 40px; min-height: 40px; margin: 5px; padding: 5px; background-color: red;">
+ <div style="width: 100%; height: 100%; padding: 5px; background-color: green;">
<div></div>
</div>
</div>
diff --git a/test_fixtures/bevy_issue_7976_reduced.html b/test_fixtures/bevy_issue_7976_reduced.html
index 872039fd6..0239b6dd7 100644
--- a/test_fixtures/bevy_issue_7976_reduced.html
+++ b/test_fixtures/bevy_issue_7976_reduced.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="height:200px;align-content: start">
- <div style="width:40px;"></div>
+<div id="test-root" style="height: 200px; align-content: start;">
+ <div style="width: 40px;"></div>
</div>
</body>
diff --git a/test_fixtures/bevy_issue_8017.html b/test_fixtures/bevy_issue_8017.html
index 9d38263da..ab2bea245 100644
--- a/test_fixtures/bevy_issue_8017.html
+++ b/test_fixtures/bevy_issue_8017.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex; flex-direction: column; gap: 8px;width: 400px;height:400px;padding: 8px;">
+<div id="test-root" style="display: flex; flex-direction: column; gap: 8px; width: 400px; height: 400px; padding: 8px;">
<div style="display: flex; gap: 8px; width: 100%; height: 50%;">
<div style="width: 100%; height: 100%;"></div>
<div style="width: 100%; height: 100%;"></div>
diff --git a/test_fixtures/bevy_issue_8017_reduced.html b/test_fixtures/bevy_issue_8017_reduced.html
index fe6362222..d8b53f3a3 100644
--- a/test_fixtures/bevy_issue_8017_reduced.html
+++ b/test_fixtures/bevy_issue_8017_reduced.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 200px;height:400px;gap: 8px;">
+<div id="test-root" style="flex-direction: column; width: 200px; height: 400px; gap: 8px;">
<div style="height: 50%;">
<div></div>
</div>
diff --git a/test_fixtures/bevy_issue_8082.html b/test_fixtures/bevy_issue_8082.html
index 69bb33754..76e4cbd76 100644
--- a/test_fixtures/bevy_issue_8082.html
+++ b/test_fixtures/bevy_issue_8082.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 400px; align-content: center;justify-content: flex-start;align-items:stretch;flex-direction: column;">
- <div style="flex-wrap: wrap;align-items:flex-start;align-content:center;justify-content: center;">
- <div style="width: 50px; height: 50px;margin: 10px"></div>
- <div style="width: 50px; height: 50px;margin: 10px"></div>
- <div style="width: 50px; height: 50px;margin: 10px"></div>
- <div style="width: 50px; height: 50px;margin: 10px"></div>
+<div id="test-root" style="width: 200px; height: 400px; align-content: center; justify-content: flex-start; align-items: stretch; flex-direction: column;">
+ <div style="flex-wrap: wrap; align-items: flex-start; align-content: center; justify-content: center;">
+ <div style="width: 50px; height: 50px; margin: 10px;"></div>
+ <div style="width: 50px; height: 50px; margin: 10px;"></div>
+ <div style="width: 50px; height: 50px; margin: 10px;"></div>
+ <div style="width: 50px; height: 50px; margin: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/bevy_issue_8082_percent.html b/test_fixtures/bevy_issue_8082_percent.html
index eaa4e132c..545692107 100644
--- a/test_fixtures/bevy_issue_8082_percent.html
+++ b/test_fixtures/bevy_issue_8082_percent.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 400px; align-content: center;justify-content: flex-start;align-items:stretch;flex-direction: column;">
- <div style="flex-wrap: wrap;align-items:flex-start;align-content:center;justify-content: center;width: 50%">
- <div style="width: 50px; height: 50px"></div>
- <div style="width: 50px; height: 50px"></div>
- <div style="width: 50px; height: 50px"></div>
- <div style="width: 50px; height: 50px"></div>
+<div id="test-root" style="width: 200px; height: 400px; align-content: center; justify-content: flex-start; align-items: stretch; flex-direction: column;">
+ <div style="flex-wrap: wrap; align-items: flex-start; align-content: center; justify-content: center; width: 50%;">
+ <div style="width: 50px; height: 50px;"></div>
+ <div style="width: 50px; height: 50px;"></div>
+ <div style="width: 50px; height: 50px;"></div>
+ <div style="width: 50px; height: 50px;"></div>
</div>
</div>
diff --git a/test_fixtures/border_container_match_child.html b/test_fixtures/border_container_match_child.html
index c16892188..3c072182c 100644
--- a/test_fixtures/border_container_match_child.html
+++ b/test_fixtures/border_container_match_child.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;border-width: 10px;">
+<div id="test-root" style="flex-direction: column; border-width: 10px;">
<div style="width: 10px; height: 10px;"></div>
</div>
diff --git a/test_fixtures/border_no_size.html b/test_fixtures/border_no_size.html
index 75a37f741..b50d3beb4 100644
--- a/test_fixtures/border_no_size.html
+++ b/test_fixtures/border_no_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;border-width: 10px;"></div>
+<div id="test-root" style="flex-direction: column; border-width: 10px;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/child_min_max_width_flexing.html b/test_fixtures/child_min_max_width_flexing.html
index abd52883a..192b09f79 100644
--- a/test_fixtures/child_min_max_width_flexing.html
+++ b/test_fixtures/child_min_max_width_flexing.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 120px; height: 50px; flex-direction: row; align-items:stretch">
- <div style="min-width: 60px; flex-grow:1; flex-shrink:0; flex-basis: 0px"></div>
- <div style="max-width: 20px; flex-grow:1; flex-shrink:0; flex-basis: 50%"></div>
+<div id="test-root" style="width: 120px; height: 50px; flex-direction: row; align-items: stretch;">
+ <div style="min-width: 60px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px;"></div>
+ <div style="max-width: 20px; flex-grow: 1; flex-shrink: 0; flex-basis: 50%;"></div>
</div>
</body>
diff --git a/test_fixtures/child_with_padding_align_end.html b/test_fixtures/child_with_padding_align_end.html
index df0d3feb4..f62ae6c11 100644
--- a/test_fixtures/child_with_padding_align_end.html
+++ b/test_fixtures/child_with_padding_align_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 200px; height: 200px; justify-content: flex-end; align-items: flex-end;">
+<div id="test-root" style="flex-direction: column; width: 200px; height: 200px; justify-content: flex-end; align-items: flex-end;">
<div style="width: 100px; height: 100px; padding: 20px;"></div>
</div>
diff --git a/test_fixtures/display_none.html b/test_fixtures/display_none.html
index d9c44777a..b66b9fb16 100644
--- a/test_fixtures/display_none.html
+++ b/test_fixtures/display_none.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1;"></div>
- <div style="flex-grow: 1; display:none;"></div>
+ <div style="flex-grow: 1; display: none;"></div>
</div>
</body>
diff --git a/test_fixtures/display_none_absolute_child.html b/test_fixtures/display_none_absolute_child.html
index b393d3873..62e9a236f 100644
--- a/test_fixtures/display_none_absolute_child.html
+++ b/test_fixtures/display_none_absolute_child.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1;"></div>
- <div style="width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; display:none;"></div>
+ <div style="width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; display: none;"></div>
</div>
</body>
diff --git a/test_fixtures/display_none_fixed_size.html b/test_fixtures/display_none_fixed_size.html
index 9104f18c5..2c78295e6 100644
--- a/test_fixtures/display_none_fixed_size.html
+++ b/test_fixtures/display_none_fixed_size.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1;"></div>
- <div style="width: 20px; height: 20px; display:none;"></div>
+ <div style="width: 20px; height: 20px; display: none;"></div>
</div>
</body>
diff --git a/test_fixtures/display_none_only_node.html b/test_fixtures/display_none_only_node.html
index 6ffd6cd7b..d09f4ef7d 100644
--- a/test_fixtures/display_none_only_node.html
+++ b/test_fixtures/display_none_only_node.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; display: none"></div>
+<div id="test-root" style="width: 100px; height: 100px; display: none;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/display_none_with_child.html b/test_fixtures/display_none_with_child.html
index 2f6685348..049b7eb24 100644
--- a/test_fixtures/display_none_with_child.html
+++ b/test_fixtures/display_none_with_child.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex: 1;"></div>
- <div style="flex: 1; display:none; flex-direction: column;">
+ <div style="flex: 1; display: none; flex-direction: column;">
<div style="flex: 1; width: 20px;"></div>
</div>
<div style="flex: 1;"></div>
diff --git a/test_fixtures/display_none_with_margin.html b/test_fixtures/display_none_with_margin.html
index 6e956b4c6..da6c127df 100644
--- a/test_fixtures/display_none_with_margin.html
+++ b/test_fixtures/display_none_with_margin.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
- <div style="width: 20px; height: 20px; display:none; margin: 10px;"></div>
+ <div style="width: 20px; height: 20px; display: none; margin: 10px;"></div>
<div style="flex-grow: 1;"></div>
</div>
diff --git a/test_fixtures/display_none_with_position.html b/test_fixtures/display_none_with_position.html
index a6c7e15f3..418e6ee6d 100644
--- a/test_fixtures/display_none_with_position.html
+++ b/test_fixtures/display_none_with_position.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1;"></div>
- <div style="flex-grow: 1; display:none; top: 10px;"></div>
+ <div style="flex-grow: 1; display: none; top: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/display_none_with_position_absolute.html b/test_fixtures/display_none_with_position_absolute.html
index 01431e5da..60ba71559 100644
--- a/test_fixtures/display_none_with_position_absolute.html
+++ b/test_fixtures/display_none_with_position_absolute.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px;">
- <div style="display:none; position: absolute; width: 100px; height: 100px"></div>
+ <div style="display: none; position: absolute; width: 100px; height: 100px;"></div>
</div>
</body>
diff --git a/test_fixtures/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html b/test_fixtures/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
index 7ac20d76d..6f36146d9 100644
--- a/test_fixtures/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
+++ b/test_fixtures/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 50px; width: 50px; overflow: hidden; flex-direction: row;">
- <div style="flex-direction: column;position: absolute; left: 0px; top: 0px;">
+ <div style="flex-direction: column; position: absolute; left: 0px; top: 0px;">
<div style="width: 100px; height: 100px;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_basis_overrides_main_size.html b/test_fixtures/flex_basis_overrides_main_size.html
index 6960efd6d..d427df039 100644
--- a/test_fixtures/flex_basis_overrides_main_size.html
+++ b/test_fixtures/flex_basis_overrides_main_size.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 100px; width: 100px;">
- <div style="width: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="width: 10px; flex-grow:1;"></div>
- <div style="width: 10px; flex-grow:1;"></div>
+ <div style="width: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="width: 10px; flex-grow: 1;"></div>
+ <div style="width: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/flex_basis_unconstraint_column.html b/test_fixtures/flex_basis_unconstraint_column.html
index 02c4d4d2a..cd402a4b9 100644
--- a/test_fixtures/flex_basis_unconstraint_column.html
+++ b/test_fixtures/flex_basis_unconstraint_column.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: column;">
- <div style="flex-basis: 50px; width: 100px"></div>
+ <div style="flex-basis: 50px; width: 100px;"></div>
</div>
</body>
diff --git a/test_fixtures/flex_basis_zero_undefined_main_size.html b/test_fixtures/flex_basis_zero_undefined_main_size.html
index 6dee9b033..039af09e8 100644
--- a/test_fixtures/flex_basis_zero_undefined_main_size.html
+++ b/test_fixtures/flex_basis_zero_undefined_main_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: row;">
- <div style="flex-direction: column;flex-basis: 0px;">
+ <div style="flex-direction: column; flex-basis: 0px;">
<div style="width: 100px; height: 50px;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_column_relative_all_sides.html b/test_fixtures/flex_column_relative_all_sides.html
index 377fdd670..bbe8f8fd5 100644
--- a/test_fixtures/flex_column_relative_all_sides.html
+++ b/test_fixtures/flex_column_relative_all_sides.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="height: 100px; width: 100px;flex-direction: column;">
- <div style="width: 40px;top: 10px;bottom:10px;left: 10px;right: 10px"></div>
+<div id="test-root" style="height: 100px; width: 100px; flex-direction: column;">
+ <div style="width: 40px; top: 10px; bottom: 10px; left: 10px; right: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/flex_grow_height_maximized.html b/test_fixtures/flex_grow_height_maximized.html
index 001cec782..0d8047755 100644
--- a/test_fixtures/flex_grow_height_maximized.html
+++ b/test_fixtures/flex_grow_height_maximized.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height:500px; flex-direction: column;">
+<div id="test-root" style="width: 100px; height: 500px; flex-direction: column;">
<div style="min-height: 100px; max-height: 500px; flex-grow: 1; flex-direction: column;">
<div style="flex-basis: 200px; flex-grow: 1;"></div>
- <div style="height: 100px; "></div>
+ <div style="height: 100px;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_grow_less_than_factor_one.html b/test_fixtures/flex_grow_less_than_factor_one.html
index 5a6c0c3a6..a59805a4f 100644
--- a/test_fixtures/flex_grow_less_than_factor_one.html
+++ b/test_fixtures/flex_grow_less_than_factor_one.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="width: 500px; height: 200px;">
- <div style="flex-grow:0.2; flex-shrink:0; flex-basis: 40px;"></div>
- <div style="flex-grow:0.2; flex-shrink:0;"></div>
- <div style="flex-grow:0.4; flex-shrink:0;"></div>
+ <div style="flex-grow: 0.2; flex-shrink: 0; flex-basis: 40px;"></div>
+ <div style="flex-grow: 0.2; flex-shrink: 0;"></div>
+ <div style="flex-grow: 0.4; flex-shrink: 0;"></div>
</div>
</body>
diff --git a/test_fixtures/flex_grow_root_minimized.html b/test_fixtures/flex_grow_root_minimized.html
index 54df922bb..f4bfbeb8e 100644
--- a/test_fixtures/flex_grow_root_minimized.html
+++ b/test_fixtures/flex_grow_root_minimized.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="width: 100px; min-height: 100px; max-height: 500px; flex-direction: column;">
- <div style="min-height: 100px; max-height: 500px; flex-grow:1; flex-direction: column;">
+ <div style="min-height: 100px; max-height: 500px; flex-grow: 1; flex-direction: column;">
<div style="flex-basis: 200px; flex-grow: 1;"></div>
- <div style="height: 100px; "></div>
+ <div style="height: 100px;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_grow_shrink_at_most.html b/test_fixtures/flex_grow_shrink_at_most.html
index 28262a50e..328e1155d 100644
--- a/test_fixtures/flex_grow_shrink_at_most.html
+++ b/test_fixtures/flex_grow_shrink_at_most.html
@@ -11,7 +11,7 @@
<div id="test-root" style="height: 100px; width: 100px;">
<div>
- <div style="flex-grow:1; flex-shrink:1;"></div>
+ <div style="flex-grow: 1; flex-shrink: 1;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_grow_within_constrained_max_column.html b/test_fixtures/flex_grow_within_constrained_max_column.html
index acc110179..df3005897 100644
--- a/test_fixtures/flex_grow_within_constrained_max_column.html
+++ b/test_fixtures/flex_grow_within_constrained_max_column.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="max-height: 100px; width: 100px; flex-direction: column;">
- <div style="flex-shrink: 1; flex-basis:100px"></div>
+ <div style="flex-shrink: 1; flex-basis: 100px;"></div>
<div style="height: 50px;"></div>
</div>
diff --git a/test_fixtures/flex_grow_within_constrained_max_row.html b/test_fixtures/flex_grow_within_constrained_max_row.html
index 3fdd674a9..b21ad2705 100644
--- a/test_fixtures/flex_grow_within_constrained_max_row.html
+++ b/test_fixtures/flex_grow_within_constrained_max_row.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 200px; flex-direction: column;">
<div style="height: 100px; max-width: 100px; flex-direction: row;">
- <div style="flex-shrink: 1; flex-basis:100px"></div>
+ <div style="flex-shrink: 1; flex-basis: 100px;"></div>
<div style="width: 50px;"></div>
</div>
</div>
diff --git a/test_fixtures/flex_grow_within_constrained_min_max_column.html b/test_fixtures/flex_grow_within_constrained_min_max_column.html
index c2913c6d4..56a96e1c9 100644
--- a/test_fixtures/flex_grow_within_constrained_min_max_column.html
+++ b/test_fixtures/flex_grow_within_constrained_min_max_column.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="min-height: 100px; max-height: 200px; flex-direction: column;">
- <div style="flex-grow:1;"></div>
+ <div style="flex-grow: 1;"></div>
<div style="height: 50px;"></div>
</div>
diff --git a/test_fixtures/flex_grow_within_constrained_min_row.html b/test_fixtures/flex_grow_within_constrained_min_row.html
index 9a674bf28..3f41d885d 100644
--- a/test_fixtures/flex_grow_within_constrained_min_row.html
+++ b/test_fixtures/flex_grow_within_constrained_min_row.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="min-width: 100px; height:100px; flex-direction: row;">
+<div id="test-root" style="min-width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1;"></div>
<div style="width: 50px;"></div>
</div>
diff --git a/test_fixtures/flex_root_ignored.html b/test_fixtures/flex_root_ignored.html
index abf50f5c9..4ee88c271 100644
--- a/test_fixtures/flex_root_ignored.html
+++ b/test_fixtures/flex_root_ignored.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; min-height: 100px; max-height: 500px; flex-direction: column;">
<div style="flex-basis: 200px; flex-grow: 1;"></div>
- <div style="height: 100px; "></div>
+ <div style="height: 100px;"></div>
</div>
</body>
diff --git a/test_fixtures/flex_row_relative_all_sides.html b/test_fixtures/flex_row_relative_all_sides.html
index 524415e3b..989c6f0b1 100644
--- a/test_fixtures/flex_row_relative_all_sides.html
+++ b/test_fixtures/flex_row_relative_all_sides.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 100px; width: 100px;">
- <div style="width: 40px;top: 10px;bottom:10px;left: 10px;right: 10px"></div>
+ <div style="width: 40px; top: 10px; bottom: 10px; left: 10px; right: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_child_margins.html b/test_fixtures/gap_column_gap_child_margins.html
index b55d787a6..f6f19b33f 100644
--- a/test_fixtures/gap_column_gap_child_margins.html
+++ b/test_fixtures/gap_column_gap_child_margins.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: row; width: 80px; height: 100px; column-gap: 10px;">
- <div style="flex: 1; margin-left: 2px;margin-right: 2px;"></div>
- <div style="flex: 1; margin-left: 10px;margin-right: 10px;"></div>
- <div style="flex: 1; margin-left: 15px;margin-right: 15px;"></div>
+ <div style="flex: 1; margin-left: 2px; margin-right: 2px;"></div>
+ <div style="flex: 1; margin-left: 10px; margin-right: 10px;"></div>
+ <div style="flex: 1; margin-left: 15px; margin-right: 15px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_percentage_cyclic_partially_shrinkable.html b/test_fixtures/gap_column_gap_percentage_cyclic_partially_shrinkable.html
index d3a257ba2..a65dc5203 100644
--- a/test_fixtures/gap_column_gap_percentage_cyclic_partially_shrinkable.html
+++ b/test_fixtures/gap_column_gap_percentage_cyclic_partially_shrinkable.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: row; column-gap: 50%;">
- <div style="width: 20px;height: 40px;flex-shrink: 0;"></div>
- <div style="width: 20px;height: 40px;"></div>
- <div style="width: 20px;height: 40px;flex-shrink: 0;"></div>
+ <div style="width: 20px; height: 40px; flex-shrink: 0;"></div>
+ <div style="width: 20px; height: 40px;"></div>
+ <div style="width: 20px; height: 40px; flex-shrink: 0;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_percentage_cyclic_shrinkable.html b/test_fixtures/gap_column_gap_percentage_cyclic_shrinkable.html
index 6cad78d1c..655b830e1 100644
--- a/test_fixtures/gap_column_gap_percentage_cyclic_shrinkable.html
+++ b/test_fixtures/gap_column_gap_percentage_cyclic_shrinkable.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: row; column-gap: 20%;">
- <div style="width: 20px;height: 40px;"></div>
- <div style="width: 20px;height: 40px;"></div>
- <div style="width: 20px;height: 40px;"></div>
+ <div style="width: 20px; height: 40px;"></div>
+ <div style="width: 20px; height: 40px;"></div>
+ <div style="width: 20px; height: 40px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_percentage_cyclic_unshrinkable.html b/test_fixtures/gap_column_gap_percentage_cyclic_unshrinkable.html
index 69f554cba..b726f7f26 100644
--- a/test_fixtures/gap_column_gap_percentage_cyclic_unshrinkable.html
+++ b/test_fixtures/gap_column_gap_percentage_cyclic_unshrinkable.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: row; column-gap: 20%;">
- <div style="width: 20px;height: 40px;flex-shrink: 0;"></div>
- <div style="width: 20px;height: 40px;flex-shrink: 0;"></div>
- <div style="width: 20px;height: 40px;flex-shrink: 0;"></div>
+ <div style="width: 20px; height: 40px; flex-shrink: 0;"></div>
+ <div style="width: 20px; height: 40px; flex-shrink: 0;"></div>
+ <div style="width: 20px; height: 40px; flex-shrink: 0;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_percentage_flexible_with_padding.html b/test_fixtures/gap_column_gap_percentage_flexible_with_padding.html
index d97a2ccd2..96489625e 100644
--- a/test_fixtures/gap_column_gap_percentage_flexible_with_padding.html
+++ b/test_fixtures/gap_column_gap_percentage_flexible_with_padding.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: row; width: 100px; height: 100px; column-gap: 10%; row-gap: 20px;padding: 10px">
+<div id="test-root" style="flex-direction: row; width: 100px; height: 100px; column-gap: 10%; row-gap: 20px; padding: 10px;">
<div style="flex: 1;"></div>
<div style="flex: 1;"></div>
<div style="flex: 1;"></div>
diff --git a/test_fixtures/gap_column_gap_row_gap_wrapping.html b/test_fixtures/gap_column_gap_row_gap_wrapping.html
index a9a9f136e..c8c4a7a24 100644
--- a/test_fixtures/gap_column_gap_row_gap_wrapping.html
+++ b/test_fixtures/gap_column_gap_row_gap_wrapping.html
@@ -10,15 +10,15 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 80px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_wrap_align_center.html b/test_fixtures/gap_column_gap_wrap_align_center.html
index 9e48d18d8..a701f9649 100644
--- a/test_fixtures/gap_column_gap_wrap_align_center.html
+++ b/test_fixtures/gap_column_gap_wrap_align_center.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; align-content: center; width: 100px; height: 100px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_wrap_align_flex_end.html b/test_fixtures/gap_column_gap_wrap_align_flex_end.html
index 730e64011..6a612cf14 100644
--- a/test_fixtures/gap_column_gap_wrap_align_flex_end.html
+++ b/test_fixtures/gap_column_gap_wrap_align_flex_end.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; align-content: flex-end; width: 100px; height: 100px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_wrap_align_flex_start.html b/test_fixtures/gap_column_gap_wrap_align_flex_start.html
index 970e5e19a..b2c6c6667 100644
--- a/test_fixtures/gap_column_gap_wrap_align_flex_start.html
+++ b/test_fixtures/gap_column_gap_wrap_align_flex_start.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; align-content: flex-start; width: 100px; height: 100px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_wrap_align_space_around.html b/test_fixtures/gap_column_gap_wrap_align_space_around.html
index e9471340f..80627658f 100644
--- a/test_fixtures/gap_column_gap_wrap_align_space_around.html
+++ b/test_fixtures/gap_column_gap_wrap_align_space_around.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; align-content: space-around; width: 100px; height: 100px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_gap_wrap_align_space_between.html b/test_fixtures/gap_column_gap_wrap_align_space_between.html
index 35086c509..b2d0ad56a 100644
--- a/test_fixtures/gap_column_gap_wrap_align_space_between.html
+++ b/test_fixtures/gap_column_gap_wrap_align_space_between.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; align-content: space-between; width: 100px; height: 100px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_column_row_gap_wrapping.html b/test_fixtures/gap_column_row_gap_wrapping.html
index a9a9f136e..c8c4a7a24 100644
--- a/test_fixtures/gap_column_row_gap_wrapping.html
+++ b/test_fixtures/gap_column_row_gap_wrapping.html
@@ -10,15 +10,15 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 80px; column-gap: 10px; row-gap: 20px;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_row_gap_align_items_end.html b/test_fixtures/gap_row_gap_align_items_end.html
index 79c0c05a7..b1f780ea6 100644
--- a/test_fixtures/gap_row_gap_align_items_end.html
+++ b/test_fixtures/gap_row_gap_align_items_end.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 100px; height: 200px; column-gap: 10px; row-gap: 20px; align-items:flex-end;">
- <div style="width: 20px; "></div>
+<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 100px; height: 200px; column-gap: 10px; row-gap: 20px; align-items: flex-end;">
+ <div style="width: 20px;"></div>
<div style="width: 20px;"></div>
<div style="width: 20px;"></div>
<div style="width: 20px;"></div>
diff --git a/test_fixtures/gap_row_gap_align_items_stretch.html b/test_fixtures/gap_row_gap_align_items_stretch.html
index 50be329f0..7e32c78ae 100644
--- a/test_fixtures/gap_row_gap_align_items_stretch.html
+++ b/test_fixtures/gap_row_gap_align_items_stretch.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 100px; height: 200px; column-gap: 10px; row-gap: 20px; align-items:stretch; align-content: stretch">
- <div style="width: 20px; "></div>
+<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 100px; height: 200px; column-gap: 10px; row-gap: 20px; align-items: stretch; align-content: stretch;">
+ <div style="width: 20px;"></div>
<div style="width: 20px;"></div>
<div style="width: 20px;"></div>
<div style="width: 20px;"></div>
diff --git a/test_fixtures/gap_row_gap_column_child_margins.html b/test_fixtures/gap_row_gap_column_child_margins.html
index ee7e76615..9f0f19e3d 100644
--- a/test_fixtures/gap_row_gap_column_child_margins.html
+++ b/test_fixtures/gap_row_gap_column_child_margins.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: column; width: 100px; height: 200px; row-gap: 10px;">
- <div style="flex: 1; margin-top: 2px;margin-bottom: 2px;"></div>
- <div style="flex: 1; margin-top: 10px;margin-bottom: 10px;"></div>
- <div style="flex: 1; margin-top: 15px;margin-bottom: 15px;"></div>
+ <div style="flex: 1; margin-top: 2px; margin-bottom: 2px;"></div>
+ <div style="flex: 1; margin-top: 10px; margin-bottom: 10px;"></div>
+ <div style="flex: 1; margin-top: 15px; margin-bottom: 15px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_row_gap_determines_parent_height.html b/test_fixtures/gap_row_gap_determines_parent_height.html
index c2e910db9..0a0ff737b 100644
--- a/test_fixtures/gap_row_gap_determines_parent_height.html
+++ b/test_fixtures/gap_row_gap_determines_parent_height.html
@@ -11,8 +11,8 @@
<div id="test-root" style="flex-direction: column; width: 100px; align-items: stretch; row-gap: 10px;">
<div style="height: 10px;"></div>
- <div style="height: 20px"></div>
- <div style="height: 30px"></div>
+ <div style="height: 20px;"></div>
+ <div style="height: 30px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_row_gap_percentage_wrapping.html b/test_fixtures/gap_row_gap_percentage_wrapping.html
index 8d303fb6c..06a618b07 100644
--- a/test_fixtures/gap_row_gap_percentage_wrapping.html
+++ b/test_fixtures/gap_row_gap_percentage_wrapping.html
@@ -10,15 +10,15 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 80px; column-gap: 10px; row-gap: 10%;">
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
- <div style="width: 20px; height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/gap_row_gap_row_wrap_child_margins.html b/test_fixtures/gap_row_gap_row_wrap_child_margins.html
index edb118f44..49a0b1b5e 100644
--- a/test_fixtures/gap_row_gap_row_wrap_child_margins.html
+++ b/test_fixtures/gap_row_gap_row_wrap_child_margins.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 100px; height: 200px; row-gap: 10px;">
- <div style="width: 60px; margin-top: 2px;margin-bottom: 2px;"></div>
- <div style="width: 60px; margin-top: 10px;margin-bottom: 10px;"></div>
- <div style="width: 60px; margin-top: 15px;margin-bottom: 15px;"></div>
+ <div style="width: 60px; margin-top: 2px; margin-bottom: 2px;"></div>
+ <div style="width: 60px; margin-top: 10px; margin-bottom: 10px;"></div>
+ <div style="width: 60px; margin-top: 15px; margin-bottom: 15px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_align_self_sized_all.html b/test_fixtures/grid_absolute_align_self_sized_all.html
index 866981df4..a871399d8 100644
--- a/test_fixtures/grid_absolute_align_self_sized_all.html
+++ b/test_fixtures/grid_absolute_align_self_sized_all.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
- <div style="position:absolute;width: 20px;height: 20px;align-self: start;"></div>
- <div style="position:absolute;width: 60px;height: 60px;align-self: start;"></div>
- <div style="position:absolute;width: 20px;height: 20px;align-self: end;"></div>
- <div style="position:absolute;width: 60px;height: 60px;align-self: end;"></div>
- <div style="position:absolute;width: 20px;height: 20px;align-self: center;"></div>
- <div style="position:absolute;width: 60px;height: 60px;align-self: center;"></div>
- <div style="position:absolute;width: 20px;height: 20px;align-self: stretch;"></div>
- <div style="position:absolute;width: 60px;height: 60px;align-self: stretch;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
+ <div style="position: absolute; width: 20px; height: 20px; align-self: start;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; align-self: start;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; align-self: end;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; align-self: end;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; align-self: center;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; align-self: center;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; align-self: stretch;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; align-self: stretch;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_column_end.html b/test_fixtures/grid_absolute_column_end.html
index c254e24e8..f04c1a425 100644
--- a/test_fixtures/grid_absolute_column_end.html
+++ b/test_fixtures/grid_absolute_column_end.html
@@ -9,16 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- background-color: red;
- position: absolute;
- grid-column-end: 1;
- top: 1px;
- bottom: 2px;
- right: 3px;
- left: 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="background-color: red; position: absolute; grid-column-end: 1; top: 1px; bottom: 2px; right: 3px; left: 4px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_column_start.html b/test_fixtures/grid_absolute_column_start.html
index 7b82a62ed..336473660 100644
--- a/test_fixtures/grid_absolute_column_start.html
+++ b/test_fixtures/grid_absolute_column_start.html
@@ -9,16 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- background-color: red;
- position: absolute;
- grid-column-start: 1;
- top: 1px;
- bottom: 2px;
- right: 3px;
- left: 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="background-color: red; position: absolute; grid-column-start: 1; top: 1px; bottom: 2px; right: 3px; left: 4px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_container_bottom_left.html b/test_fixtures/grid_absolute_container_bottom_left.html
index ff2fa7fa9..91545f9cc 100644
--- a/test_fixtures/grid_absolute_container_bottom_left.html
+++ b/test_fixtures/grid_absolute_container_bottom_left.html
@@ -9,14 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: 0;
- left: 0;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: 0; left: 0;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_bottom_left_margin.html b/test_fixtures/grid_absolute_container_bottom_left_margin.html
index ae972acef..817705e2c 100644
--- a/test_fixtures/grid_absolute_container_bottom_left_margin.html
+++ b/test_fixtures/grid_absolute_container_bottom_left_margin.html
@@ -9,17 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: 0;
- left: 0;
- margin: 1px 2px 3px 4px;
- width: 10px;
- height: 10px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: 0; left: 0; margin: 1px 2px 3px 4px; width: 10px; height: 10px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_left_overrides_right.html b/test_fixtures/grid_absolute_container_left_overrides_right.html
index fc4d8bed5..72e8f3a7f 100644
--- a/test_fixtures/grid_absolute_container_left_overrides_right.html
+++ b/test_fixtures/grid_absolute_container_left_overrides_right.html
@@ -9,15 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 2px;
- left: 5px;
- width: 10px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 2px; left: 5px; width: 10px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_left_right.html b/test_fixtures/grid_absolute_container_left_right.html
index 7222ae2b1..933d6b089 100644
--- a/test_fixtures/grid_absolute_container_left_right.html
+++ b/test_fixtures/grid_absolute_container_left_right.html
@@ -9,14 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 2px;
- left: 5px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 2px; left: 5px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_left_right_margin.html b/test_fixtures/grid_absolute_container_left_right_margin.html
index 3af82f375..03914c4c3 100644
--- a/test_fixtures/grid_absolute_container_left_right_margin.html
+++ b/test_fixtures/grid_absolute_container_left_right_margin.html
@@ -9,15 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 2px;
- left: 5px;
- margin: 1px 2px 3px 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 2px; left: 5px; margin: 1px 2px 3px 4px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_negative_position.html b/test_fixtures/grid_absolute_container_negative_position.html
index fa8052c68..67dd9a88f 100644
--- a/test_fixtures/grid_absolute_container_negative_position.html
+++ b/test_fixtures/grid_absolute_container_negative_position.html
@@ -9,21 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: -15px;
- top: -5px;
- "></div>
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: -25px;
- left: -35px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: -15px; top: -5px;"></div>
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: -25px; left: -35px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_negative_position_margin.html b/test_fixtures/grid_absolute_container_negative_position_margin.html
index 897588023..6ac91271c 100644
--- a/test_fixtures/grid_absolute_container_negative_position_margin.html
+++ b/test_fixtures/grid_absolute_container_negative_position_margin.html
@@ -9,23 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: -15px;
- top: -5px;
- margin: 1px 2px 3px 4px;
- "></div>
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: -25px;
- left: -35px;
- margin: 1px 2px 3px 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: -15px; top: -5px; margin: 1px 2px 3px 4px;"></div>
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: -25px; left: -35px; margin: 1px 2px 3px 4px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_top_bottom.html b/test_fixtures/grid_absolute_container_top_bottom.html
index 44022529d..98058036f 100644
--- a/test_fixtures/grid_absolute_container_top_bottom.html
+++ b/test_fixtures/grid_absolute_container_top_bottom.html
@@ -9,14 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- top: 2px;
- bottom: 5px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; top: 2px; bottom: 5px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_top_bottom_margin.html b/test_fixtures/grid_absolute_container_top_bottom_margin.html
index 35dc41d6c..d4327152e 100644
--- a/test_fixtures/grid_absolute_container_top_bottom_margin.html
+++ b/test_fixtures/grid_absolute_container_top_bottom_margin.html
@@ -9,15 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- top: 2px;
- bottom: 5px;
- margin: 1px 2px 3px 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; top: 2px; bottom: 5px; margin: 1px 2px 3px 4px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_top_right.html b/test_fixtures/grid_absolute_container_top_right.html
index 16f5dad17..a5bd85246 100644
--- a/test_fixtures/grid_absolute_container_top_right.html
+++ b/test_fixtures/grid_absolute_container_top_right.html
@@ -9,14 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 0;
- top: 0;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 0; top: 0;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_container_top_right_margin.html b/test_fixtures/grid_absolute_container_top_right_margin.html
index 34810a880..7f91aace1 100644
--- a/test_fixtures/grid_absolute_container_top_right_margin.html
+++ b/test_fixtures/grid_absolute_container_top_right_margin.html
@@ -9,15 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 0;
- top: 0;
- margin: 1px 2px 3px 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 0; top: 0; margin: 1px 2px 3px 4px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_justify_self_sized_all.html b/test_fixtures/grid_absolute_justify_self_sized_all.html
index 448e3e983..c63710999 100644
--- a/test_fixtures/grid_absolute_justify_self_sized_all.html
+++ b/test_fixtures/grid_absolute_justify_self_sized_all.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
- <div style="position:absolute;width: 20px;height: 20px;justify-self: start;"></div>
- <div style="position:absolute;width: 60px;height: 60px;justify-self: start;"></div>
- <div style="position:absolute;width: 20px;height: 20px;justify-self: end;"></div>
- <div style="position:absolute;width: 60px;height: 60px;justify-self: end;"></div>
- <div style="position:absolute;width: 20px;height: 20px;justify-self: center;"></div>
- <div style="position:absolute;width: 60px;height: 60px;justify-self: center;"></div>
- <div style="position:absolute;width: 20px;height: 20px;justify-self: stretch;"></div>
- <div style="position:absolute;width: 60px;height: 60px;justify-self: stretch;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
+ <div style="position: absolute; width: 20px; height: 20px; justify-self: start;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; justify-self: start;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; justify-self: end;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; justify-self: end;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; justify-self: center;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; justify-self: center;"></div>
+ <div style="position: absolute; width: 20px; height: 20px; justify-self: stretch;"></div>
+ <div style="position: absolute; width: 60px; height: 60px; justify-self: stretch;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_layout_within_border.html b/test_fixtures/grid_absolute_layout_within_border.html
index c3512250a..266564e61 100644
--- a/test_fixtures/grid_absolute_layout_within_border.html
+++ b/test_fixtures/grid_absolute_layout_within_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px; border-width: 10px; padding: 10px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px; border-width: 10px; padding: 10px;">
<div style="position: absolute; width: 50px; height: 50px; left: 0px; top: 0px;"></div>
<div style="position: absolute; width: 50px; height: 50px; right: 0px; bottom: 0px;"></div>
<div style="position: absolute; width: 50px; height: 50px; left: 0px; top: 0px; margin: 10px;"></div>
diff --git a/test_fixtures/grid_absolute_layout_within_border_static.html b/test_fixtures/grid_absolute_layout_within_border_static.html
index be26c2181..84a7cb7f1 100644
--- a/test_fixtures/grid_absolute_layout_within_border_static.html
+++ b/test_fixtures/grid_absolute_layout_within_border_static.html
@@ -9,11 +9,11 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px; border-width: 10px; padding: 10px;">
- <div style="position: absolute; width: 50px; height: 50px; align-self: start;justify-self: start;"></div>
- <div style="position: absolute; width: 50px; height: 50px; align-self: end;justify-self: end;"></div>
- <div style="position: absolute; width: 50px; height: 50px; align-self: start;justify-self: start; margin: 10px;"></div>
- <div style="position: absolute; width: 50px; height: 50px; align-self: end;justify-self: end; margin: 10px;"></div>
+<div id="test-root" style="display: grid; height: 100px; width: 100px; border-width: 10px; padding: 10px;">
+ <div style="position: absolute; width: 50px; height: 50px; align-self: start; justify-self: start;"></div>
+ <div style="position: absolute; width: 50px; height: 50px; align-self: end; justify-self: end;"></div>
+ <div style="position: absolute; width: 50px; height: 50px; align-self: start; justify-self: start; margin: 10px;"></div>
+ <div style="position: absolute; width: 50px; height: 50px; align-self: end; justify-self: end; margin: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_row_end.html b/test_fixtures/grid_absolute_row_end.html
index f95140d49..724d3715d 100644
--- a/test_fixtures/grid_absolute_row_end.html
+++ b/test_fixtures/grid_absolute_row_end.html
@@ -9,16 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- background-color: red;
- position: absolute;
- grid-row-end: 1;
- top: 1px;
- bottom: 2px;
- right: 3px;
- left: 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="background-color: red; position: absolute; grid-row-end: 1; top: 1px; bottom: 2px; right: 3px; left: 4px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_row_start.html b/test_fixtures/grid_absolute_row_start.html
index ddbb0bc1e..1c9441b5f 100644
--- a/test_fixtures/grid_absolute_row_start.html
+++ b/test_fixtures/grid_absolute_row_start.html
@@ -9,16 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- background-color: red;
- position: absolute;
- grid-row-start: 1;
- top: 1px;
- bottom: 2px;
- right: 3px;
- left: 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="background-color: red; position: absolute; grid-row-start: 1; top: 1px; bottom: 2px; right: 3px; left: 4px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_absolute_top_overrides_bottom.html b/test_fixtures/grid_absolute_top_overrides_bottom.html
index bf966bf12..9dcdd405d 100644
--- a/test_fixtures/grid_absolute_top_overrides_bottom.html
+++ b/test_fixtures/grid_absolute_top_overrides_bottom.html
@@ -9,15 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- top: 2px;
- bottom: 5px;
- height: 10px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; top: 2px; bottom: 5px; height: 10px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_with_padding.html b/test_fixtures/grid_absolute_with_padding.html
index 58a1bcaa8..8da4f5b0e 100644
--- a/test_fixtures/grid_absolute_with_padding.html
+++ b/test_fixtures/grid_absolute_with_padding.html
@@ -9,21 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 0;
- top: 0;
- "></div>
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: 10px;
- left: 10px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 0; top: 0;"></div>
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: 10px; left: 10px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_absolute_with_padding_and_margin.html b/test_fixtures/grid_absolute_with_padding_and_margin.html
index e787501f9..4f4fed840 100644
--- a/test_fixtures/grid_absolute_with_padding_and_margin.html
+++ b/test_fixtures/grid_absolute_with_padding_and_margin.html
@@ -9,23 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- right: 0;
- top: 0;
- margin: 1px 2px 3px 4px;
- "></div>
- <div style="
- position: absolute;
- z-index: 2;
- background-color: red;
- bottom: 10px;
- left: 10px;
- margin: 1px 2px 3px 4px;
- "></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="position: absolute; z-index: 2; background-color: red; right: 0; top: 0; margin: 1px 2px 3px 4px;"></div>
+ <div style="position: absolute; z-index: 2; background-color: red; bottom: 10px; left: 10px; margin: 1px 2px 3px 4px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_center.html b/test_fixtures/grid_align_content_center.html
index 16d0ed9a3..04631fdb7 100644
--- a/test_fixtures/grid_align_content_center.html
+++ b/test_fixtures/grid_align_content_center.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: center">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: center;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_end.html b/test_fixtures/grid_align_content_end.html
index 70007870f..578f896f5 100644
--- a/test_fixtures/grid_align_content_end.html
+++ b/test_fixtures/grid_align_content_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: end">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: end;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_end_with_padding_border.html b/test_fixtures/grid_align_content_end_with_padding_border.html
index b73d8e697..35669def1 100644
--- a/test_fixtures/grid_align_content_end_with_padding_border.html
+++ b/test_fixtures/grid_align_content_end_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: end;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: end; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_around.html b/test_fixtures/grid_align_content_space_around.html
index 3865423a9..154c59d7e 100644
--- a/test_fixtures/grid_align_content_space_around.html
+++ b/test_fixtures/grid_align_content_space_around.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-around;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-around;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_around_with_padding_border.html b/test_fixtures/grid_align_content_space_around_with_padding_border.html
index 368dfab44..81662f86a 100644
--- a/test_fixtures/grid_align_content_space_around_with_padding_border.html
+++ b/test_fixtures/grid_align_content_space_around_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-around;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-around; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_between.html b/test_fixtures/grid_align_content_space_between.html
index 4004f3cfe..3673d2de1 100644
--- a/test_fixtures/grid_align_content_space_between.html
+++ b/test_fixtures/grid_align_content_space_between.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-between;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-between;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_between_with_padding_border.html b/test_fixtures/grid_align_content_space_between_with_padding_border.html
index 13fe29d41..3344dd56f 100644
--- a/test_fixtures/grid_align_content_space_between_with_padding_border.html
+++ b/test_fixtures/grid_align_content_space_between_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-between;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-between; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_evenly.html b/test_fixtures/grid_align_content_space_evenly.html
index ea7cf6313..9c6c49f00 100644
--- a/test_fixtures/grid_align_content_space_evenly.html
+++ b/test_fixtures/grid_align_content_space_evenly.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-evenly;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-evenly;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_space_evenly_with_padding_border.html b/test_fixtures/grid_align_content_space_evenly_with_padding_border.html
index 969b183fa..ce338aa32 100644
--- a/test_fixtures/grid_align_content_space_evenly_with_padding_border.html
+++ b/test_fixtures/grid_align_content_space_evenly_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: space-evenly;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: space-evenly; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_start.html b/test_fixtures/grid_align_content_start.html
index 93d47bd05..b941ab0c3 100644
--- a/test_fixtures/grid_align_content_start.html
+++ b/test_fixtures/grid_align_content_start.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: start">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: start;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_content_start_with_padding_border.html b/test_fixtures/grid_align_content_start_with_padding_border.html
index c2ff23768..13850464c 100644
--- a/test_fixtures/grid_align_content_start_with_padding_border.html
+++ b/test_fixtures/grid_align_content_start_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-content: start;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-content: start; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_align_items_baseline.html b/test_fixtures/grid_align_items_baseline.html
index 5b9156f3a..ed61ae4ac 100644
--- a/test_fixtures/grid_align_items_baseline.html
+++ b/test_fixtures/grid_align_items_baseline.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px; align-items: baseline;">
- <div style="display:grid;width: 50px; height: 50px;"></div>
- <div style="display:grid;width: 50px; height: 20px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_baseline_child.html b/test_fixtures/grid_align_items_baseline_child.html
index 2105f677d..eb16924b3 100644
--- a/test_fixtures/grid_align_items_baseline_child.html
+++ b/test_fixtures/grid_align_items_baseline_child.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display:grid;width: 50px; height: 50px;"></div>
- <div style="display:grid;width: 50px; height: 20px;">
- <div style="display:grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_margin.html b/test_fixtures/grid_align_items_baseline_child_margin.html
index 3a35520c4..968745e81 100644
--- a/test_fixtures/grid_align_items_baseline_child_margin.html
+++ b/test_fixtures/grid_align_items_baseline_child_margin.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px; align-items: baseline;">
- <div style="display:grid;width: 50px; height: 50px;margin: 5px;"></div>
- <div style="display:grid;width: 50px; height: 20px;">
- <div style="display:grid;width: 50px; height: 10px;margin: 5px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px; margin: 5px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px; margin: 5px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_margin_percent.html b/test_fixtures/grid_align_items_baseline_child_margin_percent.html
index 57776fec9..7e336aba7 100644
--- a/test_fixtures/grid_align_items_baseline_child_margin_percent.html
+++ b/test_fixtures/grid_align_items_baseline_child_margin_percent.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display:grid;width: 50px; height: 50px;margin: 5%;"></div>
- <div style="display:grid;width: 50px; height: 20px;">
- <div style="display:grid;width: 50px; height: 10px;margin: 1%;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px; margin: 5%;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px; margin: 1%;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_multiline.html b/test_fixtures/grid_align_items_baseline_child_multiline.html
index d7139b7c7..fde96ca49 100644
--- a/test_fixtures/grid_align_items_baseline_child_multiline.html
+++ b/test_fixtures/grid_align_items_baseline_child_multiline.html
@@ -9,13 +9,13 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; align-items: baseline;">
- <div style="display:grid;width: 50px; height: 60px;"></div>
- <div style="display:grid;grid-template-columns: auto auto;width: 50px; flex-wrap: wrap;">
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;"></div>
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;"></div>
+<div id="test-root" style="display: grid; width: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 60px;"></div>
+ <div style="display: grid; grid-template-columns: auto auto; width: 50px; flex-wrap: wrap;">
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px;"></div>
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_multiline_no_override_on_secondline.html b/test_fixtures/grid_align_items_baseline_child_multiline_no_override_on_secondline.html
index 77689159e..a54beed6f 100644
--- a/test_fixtures/grid_align_items_baseline_child_multiline_no_override_on_secondline.html
+++ b/test_fixtures/grid_align_items_baseline_child_multiline_no_override_on_secondline.html
@@ -9,13 +9,13 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display:grid;width: 50px; height: 60px;"></div>
- <div style="display:grid;grid-template-columns: auto auto;width: 50px; height: 25px;">
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;"></div>
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;align-self:baseline;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 60px;"></div>
+ <div style="display: grid; grid-template-columns: auto auto; width: 50px; height: 25px;">
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px;"></div>
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px; align-self: baseline;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_multiline_override.html b/test_fixtures/grid_align_items_baseline_child_multiline_override.html
index 3889ae04e..445927909 100644
--- a/test_fixtures/grid_align_items_baseline_child_multiline_override.html
+++ b/test_fixtures/grid_align_items_baseline_child_multiline_override.html
@@ -9,13 +9,13 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display:grid;width: 50px; height: 60px;"></div>
- <div style="display:grid;grid-template-columns: auto auto;width: 50px; height: 25px;">
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;align-self:baseline;"></div>
- <div style="display:grid;width: 25px; height: 20px;"></div>
- <div style="display:grid;width: 25px; height: 10px;align-self:baseline;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 60px;"></div>
+ <div style="display: grid; grid-template-columns: auto auto; width: 50px; height: 25px;">
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px; align-self: baseline;"></div>
+ <div style="display: grid; width: 25px; height: 20px;"></div>
+ <div style="display: grid; width: 25px; height: 10px; align-self: baseline;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_padding.html b/test_fixtures/grid_align_items_baseline_child_padding.html
index 1c46552c7..3b695ef99 100644
--- a/test_fixtures/grid_align_items_baseline_child_padding.html
+++ b/test_fixtures/grid_align_items_baseline_child_padding.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 100px; height: 100px; padding:5px; align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;"></div>
- <div style="display: grid;width: 50px; height: 20px;padding:5px;">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; padding: 5px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 20px; padding: 5px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_top.html b/test_fixtures/grid_align_items_baseline_child_top.html
index 16292c858..65813fa7d 100644
--- a/test_fixtures/grid_align_items_baseline_child_top.html
+++ b/test_fixtures/grid_align_items_baseline_child_top.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;top:10px;"></div>
- <div style="display: grid;width: 50px; height: 20px;">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px; top: 10px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_child_top2.html b/test_fixtures/grid_align_items_baseline_child_top2.html
index 0e76a50af..09fd5342a 100644
--- a/test_fixtures/grid_align_items_baseline_child_top2.html
+++ b/test_fixtures/grid_align_items_baseline_child_top2.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;"></div>
- <div style="display: grid;width: 50px; height: 20px;top:5px">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 20px; top: 5px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_complex.html b/test_fixtures/grid_align_items_baseline_complex.html
index 0313dcf35..b4029bd26 100644
--- a/test_fixtures/grid_align_items_baseline_complex.html
+++ b/test_fixtures/grid_align_items_baseline_complex.html
@@ -9,24 +9,24 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-items: baseline;">
- <div style="height: 20px;width: 20px"></div>
- <div style="height: 20px;width: 20px">
- <div style="height: 10px"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-items: baseline;">
+ <div style="height: 20px; width: 20px;"></div>
+ <div style="height: 20px; width: 20px;">
+ <div style="height: 10px;"></div>
</div>
- <div style="height: 20px;width: 20px">
- <div style="height: 10px"></div>
+ <div style="height: 20px; width: 20px;">
+ <div style="height: 10px;"></div>
</div>
- <div style="height: 20px;width: 20px"></div>
- <div style="height: 20px;width: 20px"></div>
- <div style="height: 20px;width: 20px"></div>
- <div style="height: 20px;width: 20px">
- <div style="height: 10px"></div>
+ <div style="height: 20px; width: 20px;"></div>
+ <div style="height: 20px; width: 20px;"></div>
+ <div style="height: 20px; width: 20px;"></div>
+ <div style="height: 20px; width: 20px;">
+ <div style="height: 10px;"></div>
</div>
- <div style="height: 20px;width: 20px">
- <div style="height: 5px"></div>
+ <div style="height: 20px; width: 20px;">
+ <div style="height: 5px;"></div>
</div>
- <div style="height: 20px;width: 20px"></div>
+ <div style="height: 20px; width: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_baseline_double_nested_child.html b/test_fixtures/grid_align_items_baseline_double_nested_child.html
index 72f3faf96..744b98675 100644
--- a/test_fixtures/grid_align_items_baseline_double_nested_child.html
+++ b/test_fixtures/grid_align_items_baseline_double_nested_child.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 100px; height: 100px;align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;">
- <div style="display: grid;width: 50px; height: 20px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;">
+ <div style="display: grid; width: 50px; height: 20px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 20px;">
- <div style="display: grid;width: 50px; height: 15px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 15px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_baseline_multiline.html b/test_fixtures/grid_align_items_baseline_multiline.html
index bedf95873..09513ccc9 100644
--- a/test_fixtures/grid_align_items_baseline_multiline.html
+++ b/test_fixtures/grid_align_items_baseline_multiline.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="display: grid;grid-template-columns: auto auto;width: 100px; height: 100px; align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;"></div>
- <div style="display: grid;width: 50px; height: 20px;">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: auto auto; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 20px;">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 50px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_baseline_multiline_column.html b/test_fixtures/grid_align_items_baseline_multiline_column.html
index 8f1dbda3c..209de377a 100644
--- a/test_fixtures/grid_align_items_baseline_multiline_column.html
+++ b/test_fixtures/grid_align_items_baseline_multiline_column.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="display: grid;grid-template-columns: auto auto;width: 100px; height: 100px;align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;"></div>
- <div style="display: grid;width: 30px; height: 50px;">
- <div style="display: grid;width: 20px; height: 20px;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: auto auto; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 30px; height: 50px;">
+ <div style="display: grid; width: 20px; height: 20px;"></div>
</div>
- <div style="display: grid;width: 40px; height: 70px;">
- <div style="display: grid;width: 10px; height: 10px;"></div>
+ <div style="display: grid; width: 40px; height: 70px;">
+ <div style="display: grid; width: 10px; height: 10px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 20px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_baseline_multiline_row_and_column.html b/test_fixtures/grid_align_items_baseline_multiline_row_and_column.html
index d7625b5ad..d5049f109 100644
--- a/test_fixtures/grid_align_items_baseline_multiline_row_and_column.html
+++ b/test_fixtures/grid_align_items_baseline_multiline_row_and_column.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="display: grid;grid-template-columns: auto auto;width: 100px; height: 100px;align-items: baseline;">
- <div style="display: grid;width: 50px; height: 50px;"></div>
- <div style="display: grid;width: 50px; height: 50px">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: auto auto; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 50px;"></div>
+ <div style="display: grid; width: 50px; height: 50px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 20px;">
- <div style="display: grid;width: 50px; height: 10px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;">
+ <div style="display: grid; width: 50px; height: 10px;"></div>
</div>
- <div style="display: grid;width: 50px; height: 20px;"></div>
+ <div style="display: grid; width: 50px; height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_baseline_nested_column.html b/test_fixtures/grid_align_items_baseline_nested_column.html
index c01fe5265..eb4206c16 100644
--- a/test_fixtures/grid_align_items_baseline_nested_column.html
+++ b/test_fixtures/grid_align_items_baseline_nested_column.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 100px; height: 100px; align-items: baseline;">
- <div style="display: grid;width: 50px; height: 60px;"></div>
+<div id="test-root" style="display: grid; width: 100px; height: 100px; align-items: baseline;">
+ <div style="display: grid; width: 50px; height: 60px;"></div>
<div style="display: grid;">
- <div style="display: grid;width: 50px; height: 80px;">
- <div style="display: grid;width: 50px; height: 30px;"></div>
- <div style="display: grid;width: 50px; height: 40px;"></div>
+ <div style="display: grid; width: 50px; height: 80px;">
+ <div style="display: grid; width: 50px; height: 30px;"></div>
+ <div style="display: grid; width: 50px; height: 40px;"></div>
</div>
</div>
</div>
diff --git a/test_fixtures/grid_align_items_sized_center.html b/test_fixtures/grid_align_items_sized_center.html
index 225036681..652d8e097 100644
--- a/test_fixtures/grid_align_items_sized_center.html
+++ b/test_fixtures/grid_align_items_sized_center.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-items: center;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-items: center;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_sized_end.html b/test_fixtures/grid_align_items_sized_end.html
index 370e9f168..ddac6231d 100644
--- a/test_fixtures/grid_align_items_sized_end.html
+++ b/test_fixtures/grid_align_items_sized_end.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-items: end;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-items: end;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_sized_start.html b/test_fixtures/grid_align_items_sized_start.html
index 141cbbbd9..4f597ea9c 100644
--- a/test_fixtures/grid_align_items_sized_start.html
+++ b/test_fixtures/grid_align_items_sized_start.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-items: start;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-items: start;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_items_sized_stretch.html b/test_fixtures/grid_align_items_sized_stretch.html
index be66496ec..dbfcbab74 100644
--- a/test_fixtures/grid_align_items_sized_stretch.html
+++ b/test_fixtures/grid_align_items_sized_stretch.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;align-items: stretch;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; align-items: stretch;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_align_self_sized_all.html b/test_fixtures/grid_align_self_sized_all.html
index f057a27d3..ee7deb629 100644
--- a/test_fixtures/grid_align_self_sized_all.html
+++ b/test_fixtures/grid_align_self_sized_all.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
- <div style="width: 20px;height: 20px;align-self: start;"></div>
- <div style="width: 60px;height: 60px;align-self: start;"></div>
- <div style="width: 20px;height: 20px;align-self: end;"></div>
- <div style="width: 60px;height: 60px;align-self: end;"></div>
- <div style="width: 20px;height: 20px;align-self: center;"></div>
- <div style="width: 60px;height: 60px;align-self: center;"></div>
- <div style="width: 20px;height: 20px;align-self: stretch;"></div>
- <div style="width: 60px;height: 60px;align-self: stretch;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
+ <div style="width: 20px; height: 20px; align-self: start;"></div>
+ <div style="width: 60px; height: 60px; align-self: start;"></div>
+ <div style="width: 20px; height: 20px; align-self: end;"></div>
+ <div style="width: 60px; height: 60px; align-self: end;"></div>
+ <div style="width: 20px; height: 20px; align-self: center;"></div>
+ <div style="width: 60px; height: 60px; align-self: center;"></div>
+ <div style="width: 20px; height: 20px; align-self: stretch;"></div>
+ <div style="width: 60px; height: 60px; align-self: stretch;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_aspect_ratio_child_fill_content_height.html b/test_fixtures/grid_aspect_ratio_child_fill_content_height.html
index 11d1e6ccc..417eb42bc 100644
--- a/test_fixtures/grid_aspect_ratio_child_fill_content_height.html
+++ b/test_fixtures/grid_aspect_ratio_child_fill_content_height.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid">
+<div id="test-root" style="display: grid;">
<div style="aspect-ratio: 0.5;">HHHH</div>
- <div style="height: 20px"></div>
+ <div style="height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_aspect_ratio_child_fill_content_width.html b/test_fixtures/grid_aspect_ratio_child_fill_content_width.html
index 271afbd05..983e58b2b 100644
--- a/test_fixtures/grid_aspect_ratio_child_fill_content_width.html
+++ b/test_fixtures/grid_aspect_ratio_child_fill_content_width.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid">
+<div id="test-root" style="display: grid;">
<div style="aspect-ratio: 2;">HHHH</div>
- <div style="height: 20px"></div>
+ <div style="height: 20px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_height.html b/test_fixtures/grid_aspect_ratio_fill_child_height.html
index ee209ab49..47216cae4 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_height.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="width: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_max_height.html b/test_fixtures/grid_aspect_ratio_fill_child_max_height.html
index 803e1cd50..0d18d8446 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_max_height.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_max_height.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
- <div style="max-width: 40px; aspect-ratio: 2;writing-mode: vertical-lr;">HH​HH​HH​HH​HH​HH</div>
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
+ <div style="max-width: 40px; aspect-ratio: 2; writing-mode: vertical-lr;">HH​HH​HH​HH​HH​HH</div>
</div>
</body>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_max_width.html b/test_fixtures/grid_aspect_ratio_fill_child_max_width.html
index 0ca79b54d..f528b89bc 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_max_width.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_max_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="max-height: 20px; aspect-ratio: 2;">HH​HH​HH​HH</div>
</div>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_min_height.html b/test_fixtures/grid_aspect_ratio_fill_child_min_height.html
index e4ae2f54f..9901b7f74 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_min_height.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_min_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="min-width: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_min_width.html b/test_fixtures/grid_aspect_ratio_fill_child_min_width.html
index 1826986d6..fa9cbe8ed 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_min_width.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="min-height: 50px; aspect-ratio: 2;">
</div>
diff --git a/test_fixtures/grid_aspect_ratio_fill_child_width.html b/test_fixtures/grid_aspect_ratio_fill_child_width.html
index 8b357f40e..76ccd6ec3 100644
--- a/test_fixtures/grid_aspect_ratio_fill_child_width.html
+++ b/test_fixtures/grid_aspect_ratio_fill_child_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="height: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes.html b/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes.html
index d3e2a9fb5..81258ee0f 100644
--- a/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes.html
+++ b/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="width: 50px; height: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes_flex.html b/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes_flex.html
index d3e2a9fb5..81258ee0f 100644
--- a/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes_flex.html
+++ b/test_fixtures/grid_aspect_ratio_overriden_by_explicit_sizes_flex.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
<div style="width: 50px; height: 50px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/grid_auto_columns_fixed_width.html b/test_fixtures/grid_auto_columns_fixed_width.html
index f22000650..2dfbfae5d 100644
--- a/test_fixtures/grid_auto_columns_fixed_width.html
+++ b/test_fixtures/grid_auto_columns_fixed_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 200px;height:200px;display: grid; grid-template-columns: 40px auto 40px auto;grid-template-rows: 40px auto 40px auto;">
+<div id="test-root" style="width: 200px; height: 200px; display: grid; grid-template-columns: 40px auto 40px auto; grid-template-rows: 40px auto 40px auto;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_auto_fill_fixed_size.html b/test_fixtures/grid_auto_fill_fixed_size.html
index 316a88946..aa806c901 100644
--- a/test_fixtures/grid_auto_fill_fixed_size.html
+++ b/test_fixtures/grid_auto_fill_fixed_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px repeat(auto-fill, 40px);grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px repeat(auto-fill, 40px); grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_auto_fill_with_empty_auto_track.html b/test_fixtures/grid_auto_fill_with_empty_auto_track.html
index b2648b36c..0bf36b6b9 100644
--- a/test_fixtures/grid_auto_fill_with_empty_auto_track.html
+++ b/test_fixtures/grid_auto_fill_with_empty_auto_track.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(auto-fill, 40px);grid-template-rows: 40px 40px 40px;justify-content: space-evenly;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(auto-fill, 40px); grid-template-rows: 40px 40px 40px; justify-content: space-evenly;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_auto_fit_with_empty_auto_track.html b/test_fixtures/grid_auto_fit_with_empty_auto_track.html
index 40d96ec99..905502a08 100644
--- a/test_fixtures/grid_auto_fit_with_empty_auto_track.html
+++ b/test_fixtures/grid_auto_fit_with_empty_auto_track.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(auto-fit, 40px);grid-template-rows: 40px 40px 40px;justify-content: space-evenly;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(auto-fit, 40px); grid-template-rows: 40px 40px 40px; justify-content: space-evenly;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_auto_single_item.html b/test_fixtures/grid_auto_single_item.html
index 44c654689..a8cde33dd 100644
--- a/test_fixtures/grid_auto_single_item.html
+++ b/test_fixtures/grid_auto_single_item.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px auto 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px auto 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="width: 100px"></div>
+ <div style="width: 100px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_auto_single_item_fixed_width.html b/test_fixtures/grid_auto_single_item_fixed_width.html
index 96fd8d28e..782290eeb 100644
--- a/test_fixtures/grid_auto_single_item_fixed_width.html
+++ b/test_fixtures/grid_auto_single_item_fixed_width.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 200px;display: grid; grid-template-columns: 40px auto auto;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="width: 200px; display: grid; grid-template-columns: 40px auto auto; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="min-width: 100px"></div>
+ <div style="min-width: 100px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_auto_single_item_fixed_width_with_definite_width.html b/test_fixtures/grid_auto_single_item_fixed_width_with_definite_width.html
index 04dfbf6b6..cb0450d57 100644
--- a/test_fixtures/grid_auto_single_item_fixed_width_with_definite_width.html
+++ b/test_fixtures/grid_auto_single_item_fixed_width_with_definite_width.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 200px;display: grid; grid-template-columns: 40px auto auto;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="width: 200px; display: grid; grid-template-columns: 40px auto auto; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="width: 100px"></div>
+ <div style="width: 100px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_auto_takes_precedence_over_fr.html b/test_fixtures/grid_auto_takes_precedence_over_fr.html
index cab488294..81c0849c3 100644
--- a/test_fixtures/grid_auto_takes_precedence_over_fr.html
+++ b/test_fixtures/grid_auto_takes_precedence_over_fr.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 200px;height: 200px;display: grid; grid-template-columns: auto 1fr;grid-template-rows: 40px">
+<div id="test-root" style="width: 200px; height: 200px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 40px;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_basic.html b/test_fixtures/grid_basic.html
index cee87a17b..803a88f7a 100644
--- a/test_fixtures/grid_basic.html
+++ b/test_fixtures/grid_basic.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_basic_implicit_tracks.html b/test_fixtures/grid_basic_implicit_tracks.html
index fc56c7101..e6d670cb9 100644
--- a/test_fixtures/grid_basic_implicit_tracks.html
+++ b/test_fixtures/grid_basic_implicit_tracks.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px;grid-template-rows: 40px;">
+<div id="test-root" style="display: grid; grid-template-columns: 40px; grid-template-rows: 40px;">
<div></div>
- <div style="width: 35px;height:35px;"></div>
+ <div style="width: 35px; height: 35px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_basic_with_overflow.html b/test_fixtures/grid_basic_with_overflow.html
index 74284fbf8..1bdbb1654 100644
--- a/test_fixtures/grid_basic_with_overflow.html
+++ b/test_fixtures/grid_basic_with_overflow.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_basic_with_padding.html b/test_fixtures/grid_basic_with_padding.html
index dece348dd..fa2070eec 100644
--- a/test_fixtures/grid_basic_with_padding.html
+++ b/test_fixtures/grid_basic_with_padding.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_display_none_fixed_size.html b/test_fixtures/grid_display_none_fixed_size.html
index 03ba82e64..a44ada009 100644
--- a/test_fixtures/grid_display_none_fixed_size.html
+++ b/test_fixtures/grid_display_none_fixed_size.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 100px; height: 100px; display: grid;">
<div style="flex-grow: 1;"></div>
- <div style="width: 20px; height: 20px; display:none;"></div>
+ <div style="width: 20px; height: 20px; display: none;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_fit_content_percent_definite_argument.html b/test_fixtures/grid_fit_content_percent_definite_argument.html
index 4ae619f25..facb921cb 100644
--- a/test_fixtures/grid_fit_content_percent_definite_argument.html
+++ b/test_fixtures/grid_fit_content_percent_definite_argument.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_definite_max_content.html b/test_fixtures/grid_fit_content_percent_definite_max_content.html
index b0920a4d8..1327af2f7 100644
--- a/test_fixtures/grid_fit_content_percent_definite_max_content.html
+++ b/test_fixtures/grid_fit_content_percent_definite_max_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_definite_min_content.html b/test_fixtures/grid_fit_content_percent_definite_min_content.html
index 5063f5787..5ec17c629 100644
--- a/test_fixtures/grid_fit_content_percent_definite_min_content.html
+++ b/test_fixtures/grid_fit_content_percent_definite_min_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 60px; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HHHH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_indefinite_argument.html b/test_fixtures/grid_fit_content_percent_indefinite_argument.html
index 752d14d4c..01a5e407c 100644
--- a/test_fixtures/grid_fit_content_percent_indefinite_argument.html
+++ b/test_fixtures/grid_fit_content_percent_indefinite_argument.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HH​HH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_indefinite_max_content.html b/test_fixtures/grid_fit_content_percent_indefinite_max_content.html
index 0d28df274..6227b70a3 100644
--- a/test_fixtures/grid_fit_content_percent_indefinite_max_content.html
+++ b/test_fixtures/grid_fit_content_percent_indefinite_max_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_indefinite_max_content_hidden.html b/test_fixtures/grid_fit_content_percent_indefinite_max_content_hidden.html
index 95d61db9b..d368d167c 100644
--- a/test_fixtures/grid_fit_content_percent_indefinite_max_content_hidden.html
+++ b/test_fixtures/grid_fit_content_percent_indefinite_max_content_hidden.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div style="overflow: hidden;">HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_indefinite_min_content.html b/test_fixtures/grid_fit_content_percent_indefinite_min_content.html
index 32aa12a93..9f5af668f 100644
--- a/test_fixtures/grid_fit_content_percent_indefinite_min_content.html
+++ b/test_fixtures/grid_fit_content_percent_indefinite_min_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div>HHHH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_percent_indefinite_min_content_hidden.html b/test_fixtures/grid_fit_content_percent_indefinite_min_content_hidden.html
index a02c71614..86f1507a4 100644
--- a/test_fixtures/grid_fit_content_percent_indefinite_min_content_hidden.html
+++ b/test_fixtures/grid_fit_content_percent_indefinite_min_content_hidden.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
<div style="overflow: hidden;">HHHH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_points_argument.html b/test_fixtures/grid_fit_content_points_argument.html
index 7654f8060..4e783fea7 100644
--- a/test_fixtures/grid_fit_content_points_argument.html
+++ b/test_fixtures/grid_fit_content_points_argument.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_points_max_content.html b/test_fixtures/grid_fit_content_points_max_content.html
index 5a32eb956..d4a1c9692 100644
--- a/test_fixtures/grid_fit_content_points_max_content.html
+++ b/test_fixtures/grid_fit_content_points_max_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px); grid-template-rows: 40px;">
<div>HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_points_min_content.html b/test_fixtures/grid_fit_content_points_min_content.html
index 3084b37cd..6fa0912fc 100644
--- a/test_fixtures/grid_fit_content_points_min_content.html
+++ b/test_fixtures/grid_fit_content_points_min_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px); grid-template-rows: 40px;">
<div>HHHH​HH</div>
</div>
diff --git a/test_fixtures/grid_fit_content_points_min_content_hidden.html b/test_fixtures/grid_fit_content_points_min_content_hidden.html
index 84f675243..c13fe0a6a 100644
--- a/test_fixtures/grid_fit_content_points_min_content_hidden.html
+++ b/test_fixtures/grid_fit_content_points_min_content_hidden.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px); grid-template-rows: 40px;">
<div style="overflow: hidden;">HHHH​HH</div>
</div>
diff --git a/test_fixtures/grid_fr_fixed_size_no_content_proportions.html b/test_fixtures/grid_fr_fixed_size_no_content_proportions.html
index 69796f521..61befbdc1 100644
--- a/test_fixtures/grid_fr_fixed_size_no_content_proportions.html
+++ b/test_fixtures/grid_fr_fixed_size_no_content_proportions.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 200px;display: grid; grid-template-columns: 1fr 2fr 3fr;grid-template-rows: 40px">
+<div id="test-root" style="width: 200px; display: grid; grid-template-columns: 1fr 2fr 3fr; grid-template-rows: 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_fixed_size_no_content_proportions_sub_1_sum.html b/test_fixtures/grid_fr_fixed_size_no_content_proportions_sub_1_sum.html
index 3fa8f7e20..aa3c01cf9 100644
--- a/test_fixtures/grid_fr_fixed_size_no_content_proportions_sub_1_sum.html
+++ b/test_fixtures/grid_fr_fixed_size_no_content_proportions_sub_1_sum.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px;display: grid; grid-template-columns: 0.3fr 0.2fr;grid-template-rows: 40px">
+<div id="test-root" style="width: 100px; display: grid; grid-template-columns: 0.3fr 0.2fr; grid-template-rows: 40px;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_fr_fixed_size_single_item.html b/test_fixtures/grid_fr_fixed_size_single_item.html
index 903e05305..0d7ef7316 100644
--- a/test_fixtures/grid_fr_fixed_size_single_item.html
+++ b/test_fixtures/grid_fr_fixed_size_single_item.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="width: 200px;height: 200px;display: grid; grid-template-columns: 40px 1fr 1fr;grid-template-rows: 40px 1fr 1fr">
+<div id="test-root" style="width: 200px; height: 200px; display: grid; grid-template-columns: 40px 1fr 1fr; grid-template-rows: 40px 1fr 1fr;">
<div></div>
<div></div>
<div></div>
<div></div>
- <div style="width: 100px"></div>
+ <div style="width: 100px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_no_sized_items_indefinite.html b/test_fixtures/grid_fr_no_sized_items_indefinite.html
index 6b1b7b7ed..1fbd62e63 100644
--- a/test_fixtures/grid_fr_no_sized_items_indefinite.html
+++ b/test_fixtures/grid_fr_no_sized_items_indefinite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 1fr 1fr;grid-template-rows: 40px 1fr 1fr">
+<div id="test-root" style="display: grid; grid-template-columns: 40px 1fr 1fr; grid-template-rows: 40px 1fr 1fr;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_single_item_indefinite.html b/test_fixtures/grid_fr_single_item_indefinite.html
index 69d6c70e9..1268e5a9c 100644
--- a/test_fixtures/grid_fr_single_item_indefinite.html
+++ b/test_fixtures/grid_fr_single_item_indefinite.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: auto;height: auto;display: grid; grid-template-columns: 40px 1fr 1fr;grid-template-rows: 40px 1fr 1fr">
+<div id="test-root" style="width: auto; height: auto; display: grid; grid-template-columns: 40px 1fr 1fr; grid-template-rows: 40px 1fr 1fr;">
<div></div>
- <div style="width: 100px"></div>
+ <div style="width: 100px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_span_2_proportion.html b/test_fixtures/grid_fr_span_2_proportion.html
index 05b910364..eed1cb69b 100644
--- a/test_fixtures/grid_fr_span_2_proportion.html
+++ b/test_fixtures/grid_fr_span_2_proportion.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 1fr 2fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_span_2_proportion_sub_1_sum.html b/test_fixtures/grid_fr_span_2_proportion_sub_1_sum.html
index 58d4906e4..ab0439dcd 100644
--- a/test_fixtures/grid_fr_span_2_proportion_sub_1_sum.html
+++ b/test_fixtures/grid_fr_span_2_proportion_sub_1_sum.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 0.2fr 0.3fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 0.2fr 0.3fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_span_2_proportion_with_non_spanned_track.html b/test_fixtures/grid_fr_span_2_proportion_with_non_spanned_track.html
index 6a2bc0bef..28d590d12 100644
--- a/test_fixtures/grid_fr_span_2_proportion_with_non_spanned_track.html
+++ b/test_fixtures/grid_fr_span_2_proportion_with_non_spanned_track.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 1fr 2fr 3fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 1fr 2fr 3fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_span_2_proportion_zero_sum.html b/test_fixtures/grid_fr_span_2_proportion_zero_sum.html
index ef091705f..03ce23687 100644
--- a/test_fixtures/grid_fr_span_2_proportion_zero_sum.html
+++ b/test_fixtures/grid_fr_span_2_proportion_zero_sum.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 0fr 0fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 0fr 0fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html b/test_fixtures/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html
index 370364390..dd9c068a5 100644
--- a/test_fixtures/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html
+++ b/test_fixtures/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 0fr 0fr 0fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 0fr 0fr 0fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_gap.html b/test_fixtures/grid_gap.html
index 70194526f..ff1eab73f 100644
--- a/test_fixtures/grid_gap.html
+++ b/test_fixtures/grid_gap.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;gap: 40px 40px">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; gap: 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_hidden.html b/test_fixtures/grid_hidden.html
index 11cc5efef..7d9d171b9 100644
--- a/test_fixtures/grid_hidden.html
+++ b/test_fixtures/grid_hidden.html
@@ -9,14 +9,14 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="display: none"></div>
+ <div style="display: none;"></div>
<div></div>
<div></div>
- <div style="display: none"></div>
+ <div style="display: none;"></div>
<div></div>
- <div style="display: none"></div>
+ <div style="display: none;"></div>
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_justify_content_center.html b/test_fixtures/grid_justify_content_center.html
index d23022ed5..3ef4109af 100644
--- a/test_fixtures/grid_justify_content_center.html
+++ b/test_fixtures/grid_justify_content_center.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: center">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: center;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_center_with_padding_border.html b/test_fixtures/grid_justify_content_center_with_padding_border.html
index 9eeb04d73..c12290b21 100644
--- a/test_fixtures/grid_justify_content_center_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_center_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: center;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: center; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_end.html b/test_fixtures/grid_justify_content_end.html
index ad654921e..277add66d 100644
--- a/test_fixtures/grid_justify_content_end.html
+++ b/test_fixtures/grid_justify_content_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: end">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: end;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_end_with_padding_border.html b/test_fixtures/grid_justify_content_end_with_padding_border.html
index b39cfb3cb..b73ce4c03 100644
--- a/test_fixtures/grid_justify_content_end_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_end_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: end;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: end; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_around.html b/test_fixtures/grid_justify_content_space_around.html
index 29ecc6d45..56b3e0e59 100644
--- a/test_fixtures/grid_justify_content_space_around.html
+++ b/test_fixtures/grid_justify_content_space_around.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-around;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-around;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_around_with_padding_border.html b/test_fixtures/grid_justify_content_space_around_with_padding_border.html
index a07dbd686..e31ab915d 100644
--- a/test_fixtures/grid_justify_content_space_around_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_space_around_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-around;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-around; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_between.html b/test_fixtures/grid_justify_content_space_between.html
index 997529fbd..accffd3a7 100644
--- a/test_fixtures/grid_justify_content_space_between.html
+++ b/test_fixtures/grid_justify_content_space_between.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-between;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-between;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_between_with_padding_border.html b/test_fixtures/grid_justify_content_space_between_with_padding_border.html
index f535d48bd..625af3f1b 100644
--- a/test_fixtures/grid_justify_content_space_between_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_space_between_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-between;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-between; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_evenly.html b/test_fixtures/grid_justify_content_space_evenly.html
index 707a7cf99..d704638ab 100644
--- a/test_fixtures/grid_justify_content_space_evenly.html
+++ b/test_fixtures/grid_justify_content_space_evenly.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-evenly;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-evenly;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_space_evenly_with_padding_border.html b/test_fixtures/grid_justify_content_space_evenly_with_padding_border.html
index f8bdb9333..00fae30be 100644
--- a/test_fixtures/grid_justify_content_space_evenly_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_space_evenly_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: space-evenly;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: space-evenly; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_start.html b/test_fixtures/grid_justify_content_start.html
index 70d5566dd..f857db757 100644
--- a/test_fixtures/grid_justify_content_start.html
+++ b/test_fixtures/grid_justify_content_start.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: start">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: start;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_content_start_with_padding_border.html b/test_fixtures/grid_justify_content_start_with_padding_border.html
index 720e84ec6..4ea195f27 100644
--- a/test_fixtures/grid_justify_content_start_with_padding_border.html
+++ b/test_fixtures/grid_justify_content_start_with_padding_border.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-content: start;padding: 10px 20px 30px 40px;border-width: 2px 4px 6px 8px;">
+<div id="test-root" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: start; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_justify_items_sized_center.html b/test_fixtures/grid_justify_items_sized_center.html
index f0bfe6066..09c7fd8a7 100644
--- a/test_fixtures/grid_justify_items_sized_center.html
+++ b/test_fixtures/grid_justify_items_sized_center.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-items: center;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-items: center;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_justify_items_sized_end.html b/test_fixtures/grid_justify_items_sized_end.html
index fdb32f93b..6cc516fcc 100644
--- a/test_fixtures/grid_justify_items_sized_end.html
+++ b/test_fixtures/grid_justify_items_sized_end.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-items: end;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-items: end;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_justify_items_sized_start.html b/test_fixtures/grid_justify_items_sized_start.html
index 17327655b..86a085355 100644
--- a/test_fixtures/grid_justify_items_sized_start.html
+++ b/test_fixtures/grid_justify_items_sized_start.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-items: start;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-items: start;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_justify_items_sized_stretch.html b/test_fixtures/grid_justify_items_sized_stretch.html
index 4479db195..faf98a17b 100644
--- a/test_fixtures/grid_justify_items_sized_stretch.html
+++ b/test_fixtures/grid_justify_items_sized_stretch.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;justify-items: stretch;">
- <div style="width: 20px;height: 20px;grid-row: 1;grid-column: 1;"></div>
- <div style="width: 60px;height: 60px;grid-row: 3;grid-column: 3;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-items: stretch;">
+ <div style="width: 20px; height: 20px; grid-row: 1; grid-column: 1;"></div>
+ <div style="width: 60px; height: 60px; grid-row: 3; grid-column: 3;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_justify_self_sized_all.html b/test_fixtures/grid_justify_self_sized_all.html
index e024f3326..6889d092b 100644
--- a/test_fixtures/grid_justify_self_sized_all.html
+++ b/test_fixtures/grid_justify_self_sized_all.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
- <div style="width: 20px;height: 20px;justify-self: start;"></div>
- <div style="width: 60px;height: 60px;justify-self: start;"></div>
- <div style="width: 20px;height: 20px;justify-self: end;"></div>
- <div style="width: 60px;height: 60px;justify-self: end;"></div>
- <div style="width: 20px;height: 20px;justify-self: center;"></div>
- <div style="width: 60px;height: 60px;justify-self: center;"></div>
- <div style="width: 20px;height: 20px;justify-self: stretch;"></div>
- <div style="width: 60px;height: 60px;justify-self: stretch;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
+ <div style="width: 20px; height: 20px; justify-self: start;"></div>
+ <div style="width: 60px; height: 60px; justify-self: start;"></div>
+ <div style="width: 20px; height: 20px; justify-self: end;"></div>
+ <div style="width: 60px; height: 60px; justify-self: end;"></div>
+ <div style="width: 20px; height: 20px; justify-self: center;"></div>
+ <div style="width: 60px; height: 60px; justify-self: center;"></div>
+ <div style="width: 20px; height: 20px; justify-self: stretch;"></div>
+ <div style="width: 60px; height: 60px; justify-self: stretch;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_margins_auto_margins.html b/test_fixtures/grid_margins_auto_margins.html
index a0fbeafe0..5f7951870 100644
--- a/test_fixtures/grid_margins_auto_margins.html
+++ b/test_fixtures/grid_margins_auto_margins.html
@@ -9,14 +9,14 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
<div></div>
<div></div>
- <div style="width:20px;justify-self:start;margin:0 auto;"></div>
+ <div style="width: 20px; justify-self: start; margin: 0 auto;"></div>
<div></div>
- <div style="height:20px;align-self:start;margin:auto 0;"></div>
+ <div style="height: 20px; align-self: start; margin: auto 0;"></div>
<div></div>
- <div style="height:20px;width:20px;align-self: start;justify-self:start;margin:auto;"></div>
+ <div style="height: 20px; width: 20px; align-self: start; justify-self: start; margin: auto;"></div>
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_margins_auto_margins_override_stretch.html b/test_fixtures/grid_margins_auto_margins_override_stretch.html
index 4975d6988..df1d6e500 100644
--- a/test_fixtures/grid_margins_auto_margins_override_stretch.html
+++ b/test_fixtures/grid_margins_auto_margins_override_stretch.html
@@ -9,14 +9,14 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
- <div style="align-self: stretch;justify-self:stretch;margin:auto;">HH​HH</div>
+ <div style="align-self: stretch; justify-self: stretch; margin: auto;">HH​HH</div>
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_margins_fixed_center.html b/test_fixtures/grid_margins_fixed_center.html
index 0000ab82f..37209aeba 100644
--- a/test_fixtures/grid_margins_fixed_center.html
+++ b/test_fixtures/grid_margins_fixed_center.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="height:20px;width:20px;margin: 2px 4px 6px 8px;align-self:center;justify-self:center;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="height: 20px; width: 20px; margin: 2px 4px 6px 8px; align-self: center; justify-self: center;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_fixed_end.html b/test_fixtures/grid_margins_fixed_end.html
index 13136d21e..6951fbaa3 100644
--- a/test_fixtures/grid_margins_fixed_end.html
+++ b/test_fixtures/grid_margins_fixed_end.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="height:20px;width:20px;margin: 1px 2px 3px 4px;align-self:end;justify-self:end;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="height: 20px; width: 20px; margin: 1px 2px 3px 4px; align-self: end; justify-self: end;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_fixed_start.html b/test_fixtures/grid_margins_fixed_start.html
index 384ad4558..bfcfb3df2 100644
--- a/test_fixtures/grid_margins_fixed_start.html
+++ b/test_fixtures/grid_margins_fixed_start.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="height:20px;width:20px;margin: 1px 2px 3px 4px;align-self:start;justify-self:start;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="height: 20px; width: 20px; margin: 1px 2px 3px 4px; align-self: start; justify-self: start;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_fixed_stretch.html b/test_fixtures/grid_margins_fixed_stretch.html
index 8a8ef7a3d..131352c64 100644
--- a/test_fixtures/grid_margins_fixed_stretch.html
+++ b/test_fixtures/grid_margins_fixed_stretch.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
- <div style="height:20px;width:20px;margin: 1px 2px 3px 4px;align-self:stretch;justify-self:stretch;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; padding: 10px 20px 30px 40px;">
+ <div style="height: 20px; width: 20px; margin: 1px 2px 3px 4px; align-self: stretch; justify-self: stretch;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_percent_center.html b/test_fixtures/grid_margins_percent_center.html
index 94b6ae7f4..a94a88c95 100644
--- a/test_fixtures/grid_margins_percent_center.html
+++ b/test_fixtures/grid_margins_percent_center.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px;grid-template-rows: 40px 40px 40px;">
- <div style="height:20px;width:20px;margin: 5% 10% 15% 20%;align-self:center;justify-self:center;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px;">
+ <div style="height: 20px; width: 20px; margin: 5% 10% 15% 20%; align-self: center; justify-self: center;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_percent_end.html b/test_fixtures/grid_margins_percent_end.html
index 67973be3f..e98eb0653 100644
--- a/test_fixtures/grid_margins_percent_end.html
+++ b/test_fixtures/grid_margins_percent_end.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px;grid-template-rows: 40px 40px 40px;">
- <div style="height:20px;width:20px;margin: 5% 10% 15% 20%;align-self:end;justify-self:end;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px;">
+ <div style="height: 20px; width: 20px; margin: 5% 10% 15% 20%; align-self: end; justify-self: end;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_percent_start.html b/test_fixtures/grid_margins_percent_start.html
index 805ed9377..5c35e6f91 100644
--- a/test_fixtures/grid_margins_percent_start.html
+++ b/test_fixtures/grid_margins_percent_start.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px;grid-template-rows: 40px 40px 40px;">
- <div style="height:20px;width:20px;margin: 5% 10% 15% 20%;align-self:start;justify-self:start;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px;">
+ <div style="height: 20px; width: 20px; margin: 5% 10% 15% 20%; align-self: start; justify-self: start;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_margins_percent_stretch.html b/test_fixtures/grid_margins_percent_stretch.html
index 19e565f5a..43e09fc8f 100644
--- a/test_fixtures/grid_margins_percent_stretch.html
+++ b/test_fixtures/grid_margins_percent_stretch.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px;grid-template-rows: 40px 40px 40px;">
- <div style="height:20px;width:20px;margin: 5% 10% 15% 20%;align-self:stretch;justify-self:stretch;"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px;">
+ <div style="height: 20px; width: 20px; margin: 5% 10% 15% 20%; align-self: stretch; justify-self: stretch;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_maximum_single_item.html b/test_fixtures/grid_max_content_maximum_single_item.html
index f2ef918ed..e3baf2a24 100644
--- a/test_fixtures/grid_max_content_maximum_single_item.html
+++ b/test_fixtures/grid_max_content_maximum_single_item.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(0px, max-content) 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(0px, max-content) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div>HH​HH</div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item.html b/test_fixtures/grid_max_content_single_item.html
index 0a301ccc8..0ca3bcbab 100644
--- a/test_fixtures/grid_max_content_single_item.html
+++ b/test_fixtures/grid_max_content_single_item.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div>HH​HH</div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_margin_auto.html b/test_fixtures/grid_max_content_single_item_margin_auto.html
index 8b9e152d6..4d68c51ae 100644
--- a/test_fixtures/grid_max_content_single_item_margin_auto.html
+++ b/test_fixtures/grid_max_content_single_item_margin_auto.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="margin: auto">HH​HH</div>
+ <div style="margin: auto;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_margin_fixed.html b/test_fixtures/grid_max_content_single_item_margin_fixed.html
index 062c2002a..eb4dafc2d 100644
--- a/test_fixtures/grid_max_content_single_item_margin_fixed.html
+++ b/test_fixtures/grid_max_content_single_item_margin_fixed.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="margin: 5px 10px 15px 20px">HH​HH</div>
+ <div style="margin: 5px 10px 15px 20px;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_margin_percent.html b/test_fixtures/grid_max_content_single_item_margin_percent.html
index 61d2e9d21..8f2ca64a6 100644
--- a/test_fixtures/grid_max_content_single_item_margin_percent.html
+++ b/test_fixtures/grid_max_content_single_item_margin_percent.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="margin: 5% 10% 15% 20%">HH​HH</div>
+ <div style="margin: 5% 10% 15% 20%;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_span_2.html b/test_fixtures/grid_max_content_single_item_span_2.html
index 3bafcc850..06f128706 100644
--- a/test_fixtures/grid_max_content_single_item_span_2.html
+++ b/test_fixtures/grid_max_content_single_item_span_2.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="grid-column: span 2">HH​HH</div>
+ <div style="grid-column: span 2;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_span_2_gap_fixed.html b/test_fixtures/grid_max_content_single_item_span_2_gap_fixed.html
index 9a76e4bea..f8897d43f 100644
--- a/test_fixtures/grid_max_content_single_item_span_2_gap_fixed.html
+++ b/test_fixtures/grid_max_content_single_item_span_2_gap_fixed.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content;grid-template-rows: 40px 40px 40px; column-gap: 20px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content; grid-template-rows: 40px 40px 40px; column-gap: 20px;">
<div></div>
- <div style="grid-column: span 2">HH​HH​HH</div>
+ <div style="grid-column: span 2;">HH​HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_span_2_gap_percent_definite.html b/test_fixtures/grid_max_content_single_item_span_2_gap_percent_definite.html
index c5a35c73e..f905f498d 100644
--- a/test_fixtures/grid_max_content_single_item_span_2_gap_percent_definite.html
+++ b/test_fixtures/grid_max_content_single_item_span_2_gap_percent_definite.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content;grid-template-rows: 40px 40px 40px; column-gap: 20%;width:100px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content; grid-template-rows: 40px 40px 40px; column-gap: 20%; width: 100px;">
<div></div>
- <div style="grid-column: span 2">HH​HH​HH</div>
+ <div style="grid-column: span 2;">HH​HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_max_content_single_item_span_2_gap_percent_indefinite.html b/test_fixtures/grid_max_content_single_item_span_2_gap_percent_indefinite.html
index 5013afa38..b16cc8e58 100644
--- a/test_fixtures/grid_max_content_single_item_span_2_gap_percent_indefinite.html
+++ b/test_fixtures/grid_max_content_single_item_span_2_gap_percent_indefinite.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content;grid-template-rows: 40px 40px 40px; column-gap: 20%">
+<div id="test-root" style="display: grid; grid-template-columns: 40px max-content max-content; grid-template-rows: 40px 40px 40px; column-gap: 20%;">
<div></div>
- <div style="grid-column: span 2">HH​HH​HH</div>
+ <div style="grid-column: span 2;">HH​HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_min_content_flex_column.html b/test_fixtures/grid_min_content_flex_column.html
index 58f9e07a2..2c01413d4 100644
--- a/test_fixtures/grid_min_content_flex_column.html
+++ b/test_fixtures/grid_min_content_flex_column.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: min-content;grid-template-rows: 40px">
- <div style="display: flex;flex-direction: column">
+<div id="test-root" style="display: grid; grid-template-columns: min-content; grid-template-rows: 40px;">
+ <div style="display: flex; flex-direction: column;">
<div>HH​HH</div>
<div>HH​HH</div>
<div>HH​HH</div>
diff --git a/test_fixtures/grid_min_content_flex_row.html b/test_fixtures/grid_min_content_flex_row.html
index 9970450b3..e4704c739 100644
--- a/test_fixtures/grid_min_content_flex_row.html
+++ b/test_fixtures/grid_min_content_flex_row.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: min-content;grid-template-rows: 40px">
- <div style="display: flex;flex-direction: row">
+<div id="test-root" style="display: grid; grid-template-columns: min-content; grid-template-rows: 40px;">
+ <div style="display: flex; flex-direction: row;">
<div>HH​HH</div>
<div>HH​HH</div>
<div>HH​HH</div>
diff --git a/test_fixtures/grid_min_content_flex_single_item.html b/test_fixtures/grid_min_content_flex_single_item.html
index 5dcc4818b..1ba34e88b 100644
--- a/test_fixtures/grid_min_content_flex_single_item.html
+++ b/test_fixtures/grid_min_content_flex_single_item.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr; grid-template-rows: 40px 40px 40px;">
<div></div>
<div style="min-width: 10px;"></div>
<div></div>
<div></div>
- <div style="grid-column: span 2">HH​HH</div>
+ <div style="grid-column: span 2;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_min_content_flex_single_item_margin_auto.html b/test_fixtures/grid_min_content_flex_single_item_margin_auto.html
index b0e92dc36..9b8971ff6 100644
--- a/test_fixtures/grid_min_content_flex_single_item_margin_auto.html
+++ b/test_fixtures/grid_min_content_flex_single_item_margin_auto.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="min-width: 10px;margin: auto"></div>
+ <div style="min-width: 10px; margin: auto;"></div>
<div></div>
<div></div>
- <div style="grid-column: span 2;margin: auto">HH​HH</div>
+ <div style="grid-column: span 2; margin: auto;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_min_content_flex_single_item_margin_fixed.html b/test_fixtures/grid_min_content_flex_single_item_margin_fixed.html
index c9cbefa9e..e867b261b 100644
--- a/test_fixtures/grid_min_content_flex_single_item_margin_fixed.html
+++ b/test_fixtures/grid_min_content_flex_single_item_margin_fixed.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="min-width: 10px;margin: 5px 10px 15px 20px"></div>
+ <div style="min-width: 10px; margin: 5px 10px 15px 20px;"></div>
<div></div>
<div></div>
- <div style="grid-column: span 2;margin: 5px 10px 15px 20px">HH​HH</div>
+ <div style="grid-column: span 2; margin: 5px 10px 15px 20px;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_min_content_flex_single_item_margin_percent.html b/test_fixtures/grid_min_content_flex_single_item_margin_percent.html
index 2d342064f..b59b4c908 100644
--- a/test_fixtures/grid_min_content_flex_single_item_margin_percent.html
+++ b/test_fixtures/grid_min_content_flex_single_item_margin_percent.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 1fr; grid-template-rows: 40px 40px 40px;">
<div></div>
- <div style="min-width: 10px;margin: 5% 10% 15% 20%"></div>
+ <div style="min-width: 10px; margin: 5% 10% 15% 20%;"></div>
<div></div>
<div></div>
- <div style="grid-column: span 2;margin: 5% 10% 15% 20%">HH​HH</div>
+ <div style="grid-column: span 2; margin: 5% 10% 15% 20%;">HH​HH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_min_content_maximum_single_item.html b/test_fixtures/grid_min_content_maximum_single_item.html
index 909817b84..658ad28a3 100644
--- a/test_fixtures/grid_min_content_maximum_single_item.html
+++ b/test_fixtures/grid_min_content_maximum_single_item.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(0px, min-content) 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(0px, min-content) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div>HH​HH</div>
<div></div>
diff --git a/test_fixtures/grid_min_content_single_item.html b/test_fixtures/grid_min_content_single_item.html
index 96546d703..88ba2d4ee 100644
--- a/test_fixtures/grid_min_content_single_item.html
+++ b/test_fixtures/grid_min_content_single_item.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 40px;grid-template-rows: 40px 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 40px min-content 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div>HH​HH</div>
<div></div>
diff --git a/test_fixtures/grid_minmax_auto_fixed_10px.html b/test_fixtures/grid_minmax_auto_fixed_10px.html
index a160d03ef..c0372bb3e 100644
--- a/test_fixtures/grid_minmax_auto_fixed_10px.html
+++ b/test_fixtures/grid_minmax_auto_fixed_10px.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, 10px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, 10px); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_auto_max_content.html b/test_fixtures/grid_minmax_auto_max_content.html
index 69182d84f..c39cc19ac 100644
--- a/test_fixtures/grid_minmax_auto_max_content.html
+++ b/test_fixtures/grid_minmax_auto_max_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, max-content);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, max-content); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_auto_min_content.html b/test_fixtures/grid_minmax_auto_min_content.html
index dbc98de31..7883fae87 100644
--- a/test_fixtures/grid_minmax_auto_min_content.html
+++ b/test_fixtures/grid_minmax_auto_min_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, min-content);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, min-content); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_auto_percent_definite.html b/test_fixtures/grid_minmax_auto_percent_definite.html
index 707d2717a..c6b3a8b56 100644
--- a/test_fixtures/grid_minmax_auto_percent_definite.html
+++ b/test_fixtures/grid_minmax_auto_percent_definite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;width:100px;grid-template-columns: minmax(auto, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 100px; grid-template-columns: minmax(auto, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_auto_percent_indefinite.html b/test_fixtures/grid_minmax_auto_percent_indefinite.html
index f912d9948..00ba2892d 100644
--- a/test_fixtures/grid_minmax_auto_percent_indefinite.html
+++ b/test_fixtures/grid_minmax_auto_percent_indefinite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(auto, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_column_fixed_width_above_range.html b/test_fixtures/grid_minmax_column_fixed_width_above_range.html
index 6ae8aee23..c215333f9 100644
--- a/test_fixtures/grid_minmax_column_fixed_width_above_range.html
+++ b/test_fixtures/grid_minmax_column_fixed_width_above_range.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 140px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="width: 140px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_minmax_column_fixed_width_below_range.html b/test_fixtures/grid_minmax_column_fixed_width_below_range.html
index 88979e61c..d85932b69 100644
--- a/test_fixtures/grid_minmax_column_fixed_width_below_range.html
+++ b/test_fixtures/grid_minmax_column_fixed_width_below_range.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 90px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="width: 90px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_minmax_column_fixed_width_within_range.html b/test_fixtures/grid_minmax_column_fixed_width_within_range.html
index 9438b3eba..bf131f4e7 100644
--- a/test_fixtures/grid_minmax_column_fixed_width_within_range.html
+++ b/test_fixtures/grid_minmax_column_fixed_width_within_range.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 110px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="width: 110px; display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_minmax_column_indefinite.html b/test_fixtures/grid_minmax_column_indefinite.html
index f535cf943..13bc9fb26 100644
--- a/test_fixtures/grid_minmax_column_indefinite.html
+++ b/test_fixtures/grid_minmax_column_indefinite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px;grid-template-rows: 40px 40px 40px;">
+<div id="test-root" style="display: grid; grid-template-columns: 40px minmax(20px, 40px) 40px; grid-template-rows: 40px 40px 40px;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_minmax_column_with_auto_fixed.html b/test_fixtures/grid_minmax_column_with_auto_fixed.html
index 55a42c165..2881d3862 100644
--- a/test_fixtures/grid_minmax_column_with_auto_fixed.html
+++ b/test_fixtures/grid_minmax_column_with_auto_fixed.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 60px;display: grid; grid-template-columns: minmax(20px, 40px) auto;grid-template-rows: 40px">
+<div id="test-root" style="width: 60px; display: grid; grid-template-columns: minmax(20px, 40px) auto; grid-template-rows: 40px;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_minmax_column_with_fr_fixed.html b/test_fixtures/grid_minmax_column_with_fr_fixed.html
index 3006d10d5..48de90a99 100644
--- a/test_fixtures/grid_minmax_column_with_fr_fixed.html
+++ b/test_fixtures/grid_minmax_column_with_fr_fixed.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 60px;display: grid; grid-template-columns: minmax(20px, 40px) 1fr;grid-template-rows: 40px">
+<div id="test-root" style="width: 60px; display: grid; grid-template-columns: minmax(20px, 40px) 1fr; grid-template-rows: 40px;">
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_1fr.html b/test_fixtures/grid_minmax_max_content_1fr.html
index cd1792e88..b2c248548 100644
--- a/test_fixtures/grid_minmax_max_content_1fr.html
+++ b/test_fixtures/grid_minmax_max_content_1fr.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 1fr);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 1fr); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_auto.html b/test_fixtures/grid_minmax_max_content_auto.html
index 3892b4edc..bae805205 100644
--- a/test_fixtures/grid_minmax_max_content_auto.html
+++ b/test_fixtures/grid_minmax_max_content_auto.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, auto);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, auto); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_fixed_10px.html b/test_fixtures/grid_minmax_max_content_fixed_10px.html
index f6f5cc164..b5031e690 100644
--- a/test_fixtures/grid_minmax_max_content_fixed_10px.html
+++ b/test_fixtures/grid_minmax_max_content_fixed_10px.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 10px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 10px); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_min_content.html b/test_fixtures/grid_minmax_max_content_min_content.html
index b909b8503..8cb79a22e 100644
--- a/test_fixtures/grid_minmax_max_content_min_content.html
+++ b/test_fixtures/grid_minmax_max_content_min_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, min-content);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, min-content); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_percent_definite.html b/test_fixtures/grid_minmax_max_content_percent_definite.html
index 596b3ce61..cb6f0e744 100644
--- a/test_fixtures/grid_minmax_max_content_percent_definite.html
+++ b/test_fixtures/grid_minmax_max_content_percent_definite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;width:100px;grid-template-columns: minmax(max-content, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 100px; grid-template-columns: minmax(max-content, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_max_content_percent_indefinite.html b/test_fixtures/grid_minmax_max_content_percent_indefinite.html
index 8f42d6db2..6c37b9723 100644
--- a/test_fixtures/grid_minmax_max_content_percent_indefinite.html
+++ b/test_fixtures/grid_minmax_max_content_percent_indefinite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(max-content, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_1fr.html b/test_fixtures/grid_minmax_min_content_1fr.html
index 02743c7f2..5dbd46f09 100644
--- a/test_fixtures/grid_minmax_min_content_1fr.html
+++ b/test_fixtures/grid_minmax_min_content_1fr.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 1fr);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 1fr); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_auto.html b/test_fixtures/grid_minmax_min_content_auto.html
index 7f2c0fce0..6c621ea88 100644
--- a/test_fixtures/grid_minmax_min_content_auto.html
+++ b/test_fixtures/grid_minmax_min_content_auto.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, auto);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, auto); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_fixed_10px.html b/test_fixtures/grid_minmax_min_content_fixed_10px.html
index 5008113c9..ee986f731 100644
--- a/test_fixtures/grid_minmax_min_content_fixed_10px.html
+++ b/test_fixtures/grid_minmax_min_content_fixed_10px.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 10px);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 10px); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_max_content.html b/test_fixtures/grid_minmax_min_content_max_content.html
index 69f98b1c1..50b17c859 100644
--- a/test_fixtures/grid_minmax_min_content_max_content.html
+++ b/test_fixtures/grid_minmax_min_content_max_content.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, max-content);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, max-content); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_percent_definite.html b/test_fixtures/grid_minmax_min_content_percent_definite.html
index 8d8d715fc..1413374a7 100644
--- a/test_fixtures/grid_minmax_min_content_percent_definite.html
+++ b/test_fixtures/grid_minmax_min_content_percent_definite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;width:100px;grid-template-columns: minmax(min-content, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; width: 100px; grid-template-columns: minmax(min-content, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_minmax_min_content_percent_indefinite.html b/test_fixtures/grid_minmax_min_content_percent_indefinite.html
index ceca6fe70..a9c5a88dc 100644
--- a/test_fixtures/grid_minmax_min_content_percent_indefinite.html
+++ b/test_fixtures/grid_minmax_min_content_percent_indefinite.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 20%);grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: minmax(min-content, 20%); grid-template-rows: 40px;">
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/grid_out_of_order_items.html b/test_fixtures/grid_out_of_order_items.html
index 646394403..8e07db2fe 100644
--- a/test_fixtures/grid_out_of_order_items.html
+++ b/test_fixtures/grid_out_of_order_items.html
@@ -9,15 +9,15 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;grid-auto-flow: row dense;">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; grid-auto-flow: row dense;">
<div></div>
<div></div>
- <div style="grid-column: 1;width: 35px;height:35px;"></div>
+ <div style="grid-column: 1; width: 35px; height: 35px;"></div>
<div></div>
<div></div>
- <div style="grid-row: 1;grid-column: 1;width: 20px;height:20px;"></div>
+ <div style="grid-row: 1; grid-column: 1; width: 20px; height: 20px;"></div>
<div></div>
- <div style="grid-row: 1;width: 10px;height:10px;"></div>
+ <div style="grid-row: 1; width: 10px; height: 10px;"></div>
<div></div>
</div>
diff --git a/test_fixtures/grid_overflow_inline_axis_hidden.html b/test_fixtures/grid_overflow_inline_axis_hidden.html
index d71fb04fa..3417c1a03 100644
--- a/test_fixtures/grid_overflow_inline_axis_hidden.html
+++ b/test_fixtures/grid_overflow_inline_axis_hidden.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display:grid;width:50px; height: 50px;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
<div style="overflow: hidden;">HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/grid_overflow_inline_axis_scroll.html b/test_fixtures/grid_overflow_inline_axis_scroll.html
index 00076a194..f8fd7573f 100644
--- a/test_fixtures/grid_overflow_inline_axis_scroll.html
+++ b/test_fixtures/grid_overflow_inline_axis_scroll.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display:grid;width:50px; height: 50px;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
<div style="overflow: scroll;">HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/grid_overflow_inline_axis_visible.html b/test_fixtures/grid_overflow_inline_axis_visible.html
index e62f76208..8247c51ca 100644
--- a/test_fixtures/grid_overflow_inline_axis_visible.html
+++ b/test_fixtures/grid_overflow_inline_axis_visible.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display:grid;width:50px; height: 50px;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
<div style="overflow: visible;">HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/grid_overflow_rows.html b/test_fixtures/grid_overflow_rows.html
index a4314657d..0fc731b23 100644
--- a/test_fixtures/grid_overflow_rows.html
+++ b/test_fixtures/grid_overflow_rows.html
@@ -9,12 +9,8 @@
</head>
<body>
-<div id="test-root" style="
- display: grid;
- grid-template-rows: 40px 40px;
- grid-template-columns: min-content max-content 10px 20%;
-">
- <div style="grid-column: 1 / span 4">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-rows: 40px 40px; grid-template-columns: min-content max-content 10px 20%;">
+ <div style="grid-column: 1 / span 4;">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_overflow_scrollbars_overriden_by_available_space.html b/test_fixtures/grid_overflow_scrollbars_overriden_by_available_space.html
index 60cb4b3ca..479619d52 100644
--- a/test_fixtures/grid_overflow_scrollbars_overriden_by_available_space.html
+++ b/test_fixtures/grid_overflow_scrollbars_overriden_by_available_space.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="display: grid;width: 2px;height: 4px;">
- <div style="display: grid;overflow: scroll">
+<div id="test-root" style="display: grid; width: 2px; height: 4px;">
+ <div style="display: grid; overflow: scroll;">
<div></div>
</div>
</div>
diff --git a/test_fixtures/grid_overflow_scrollbars_overriden_by_max_size.html b/test_fixtures/grid_overflow_scrollbars_overriden_by_max_size.html
index 27cf1f259..fad00654c 100644
--- a/test_fixtures/grid_overflow_scrollbars_overriden_by_max_size.html
+++ b/test_fixtures/grid_overflow_scrollbars_overriden_by_max_size.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display: grid;overflow: scroll;max-width: 2px; max-height: 4px;">
+<div id="test-root" style="display: grid; overflow: scroll; max-width: 2px; max-height: 4px;">
<div></div>
</div>
diff --git a/test_fixtures/grid_overflow_scrollbars_overriden_by_size.html b/test_fixtures/grid_overflow_scrollbars_overriden_by_size.html
index ffe985501..33be4cc8b 100644
--- a/test_fixtures/grid_overflow_scrollbars_overriden_by_size.html
+++ b/test_fixtures/grid_overflow_scrollbars_overriden_by_size.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display: grid;overflow: scroll;width: 2px;height: 4px;">
+<div id="test-root" style="display: grid; overflow: scroll; width: 2px; height: 4px;">
<div></div>
</div>
diff --git a/test_fixtures/grid_overflow_scrollbars_take_up_space_both_axis.html b/test_fixtures/grid_overflow_scrollbars_take_up_space_both_axis.html
index b3c3c2932..f795b8ab1 100644
--- a/test_fixtures/grid_overflow_scrollbars_take_up_space_both_axis.html
+++ b/test_fixtures/grid_overflow_scrollbars_take_up_space_both_axis.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display: grid;width:50px; height: 50px;overflow: scroll;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow: scroll;">
<div></div>
</div>
diff --git a/test_fixtures/grid_overflow_scrollbars_take_up_space_x_axis.html b/test_fixtures/grid_overflow_scrollbars_take_up_space_x_axis.html
index 7f30e8e58..3047f1b4f 100644
--- a/test_fixtures/grid_overflow_scrollbars_take_up_space_x_axis.html
+++ b/test_fixtures/grid_overflow_scrollbars_take_up_space_x_axis.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display: grid;width:50px; height: 50px;overflow-x: scroll;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow-x: scroll;">
<div></div>
</div>
diff --git a/test_fixtures/grid_overflow_scrollbars_take_up_space_y_axis.html b/test_fixtures/grid_overflow_scrollbars_take_up_space_y_axis.html
index 971050ea6..b226ca8a8 100644
--- a/test_fixtures/grid_overflow_scrollbars_take_up_space_y_axis.html
+++ b/test_fixtures/grid_overflow_scrollbars_take_up_space_y_axis.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="display: grid;width:50px; height: 50px;overflow-y: scroll;">
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow-y: scroll;">
<div></div>
</div>
diff --git a/test_fixtures/grid_padding_border_overrides_container_max_size.html b/test_fixtures/grid_padding_border_overrides_container_max_size.html
index b45ed07c4..1d2313e1c 100644
--- a/test_fixtures/grid_padding_border_overrides_container_max_size.html
+++ b/test_fixtures/grid_padding_border_overrides_container_max_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;max-width: 12px; max-height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red">
+<div id="test-root" style="display: grid; max-width: 12px; max-height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;">
<div></div>
</div>
diff --git a/test_fixtures/grid_padding_border_overrides_container_size.html b/test_fixtures/grid_padding_border_overrides_container_size.html
index c1e6e881f..c54a2b3eb 100644
--- a/test_fixtures/grid_padding_border_overrides_container_size.html
+++ b/test_fixtures/grid_padding_border_overrides_container_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red">
+<div id="test-root" style="display: grid; width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;">
<div></div>
</div>
diff --git a/test_fixtures/grid_padding_border_overrides_max_size.html b/test_fixtures/grid_padding_border_overrides_max_size.html
index 6fc500d1a..66c0b4dd6 100644
--- a/test_fixtures/grid_padding_border_overrides_max_size.html
+++ b/test_fixtures/grid_padding_border_overrides_max_size.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display:grid">
- <div style="max-width: 12px; max-height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="display: grid;">
+ <div style="max-width: 12px; max-height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_padding_border_overrides_min_size.html b/test_fixtures/grid_padding_border_overrides_min_size.html
index bba93c373..8d5ac03d6 100644
--- a/test_fixtures/grid_padding_border_overrides_min_size.html
+++ b/test_fixtures/grid_padding_border_overrides_min_size.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid">
- <div style="min-width: 0px; min-height: 0px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="display: grid;">
+ <div style="min-width: 0px; min-height: 0px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_padding_border_overrides_size.html b/test_fixtures/grid_padding_border_overrides_size.html
index 0c8f41b7d..df3fb00bb 100644
--- a/test_fixtures/grid_padding_border_overrides_size.html
+++ b/test_fixtures/grid_padding_border_overrides_size.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid">
- <div style="width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="display: grid;">
+ <div style="width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_percent_item_inside_stretch_item.html b/test_fixtures/grid_percent_item_inside_stretch_item.html
index 79430cea3..ca9fcb160 100644
--- a/test_fixtures/grid_percent_item_inside_stretch_item.html
+++ b/test_fixtures/grid_percent_item_inside_stretch_item.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 100px; height: 100px;">
+<div id="test-root" style="display: grid; width: 100px; height: 100px;">
<div style="display: grid;">
- <div style="display: grid;width: 50%;"></div>
+ <div style="display: grid; width: 50%;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_percent_items_nested_inside_stretch_alignment.html b/test_fixtures/grid_percent_items_nested_inside_stretch_alignment.html
index 409db34d7..e6d7381ae 100644
--- a/test_fixtures/grid_percent_items_nested_inside_stretch_alignment.html
+++ b/test_fixtures/grid_percent_items_nested_inside_stretch_alignment.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 200px;">
+<div id="test-root" style="display: grid; width: 200px;">
<div style="display: grid;">
- <div style="display: grid;padding-top: 20%;"></div>
+ <div style="display: grid; padding-top: 20%;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_percent_items_nested_moderate.html b/test_fixtures/grid_percent_items_nested_moderate.html
index 28c1d8742..7699e871a 100644
--- a/test_fixtures/grid_percent_items_nested_moderate.html
+++ b/test_fixtures/grid_percent_items_nested_moderate.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" data-test-rounding="false" style="display: grid;width: 200px;padding: 3px;">
- <div style="display: grid;width: 50%; margin: 5px; padding: 3%;">
+<div id="test-root" data-test-rounding="false" style="display: grid; width: 200px; padding: 3px;">
+ <div style="display: grid; width: 50%; margin: 5px; padding: 3%;">
<div style="width: 45%; margin: 5%; padding: 3px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_percent_items_nested_with_margin.html b/test_fixtures/grid_percent_items_nested_with_margin.html
index 7bdfd88fc..083d6e644 100644
--- a/test_fixtures/grid_percent_items_nested_with_margin.html
+++ b/test_fixtures/grid_percent_items_nested_with_margin.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 200px;">
- <div style="display: grid;width: 50%;">
+<div id="test-root" style="display: grid; width: 200px;">
+ <div style="display: grid; width: 50%;">
<div style="width: 45%; margin: 5%;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_percent_items_nested_with_padding_margin.html b/test_fixtures/grid_percent_items_nested_with_padding_margin.html
index 964c1ba52..44e5c87ab 100644
--- a/test_fixtures/grid_percent_items_nested_with_padding_margin.html
+++ b/test_fixtures/grid_percent_items_nested_with_padding_margin.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display:grid;width: 200px; height: 200px;grid-template-rows: 1fr 4fr;">
- <div style="display: grid;min-width: 60%; margin: 5px; padding: 3px;">
- <div style="display: grid;width: 50%; margin: 5px; padding: 3%;">
+<div id="test-root" style="display: grid; width: 200px; height: 200px; grid-template-rows: 1fr 4fr;">
+ <div style="display: grid; min-width: 60%; margin: 5px; padding: 3px;">
+ <div style="display: grid; width: 50%; margin: 5px; padding: 3%;">
<div style="width: 45%; margin: 5%; padding: 3px;"></div>
</div>
</div>
diff --git a/test_fixtures/grid_percent_items_width_and_margin.html b/test_fixtures/grid_percent_items_width_and_margin.html
index 661a7d37f..2614084ae 100644
--- a/test_fixtures/grid_percent_items_width_and_margin.html
+++ b/test_fixtures/grid_percent_items_width_and_margin.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 200px;padding: 3px;">
- <div style="width: 45%;margin: 5%; padding: 3px;"></div>
+<div id="test-root" style="display: grid; width: 200px; padding: 3px;">
+ <div style="width: 45%; margin: 5%; padding: 3px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_percent_items_width_and_padding.html b/test_fixtures/grid_percent_items_width_and_padding.html
index 0762ceb9b..016fcf293 100644
--- a/test_fixtures/grid_percent_items_width_and_padding.html
+++ b/test_fixtures/grid_percent_items_width_and_padding.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid;width: 200px;">
- <div style="width: 50%;padding: 3%;"></div>
+<div id="test-root" style="display: grid; width: 200px;">
+ <div style="width: 50%; padding: 3%;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_percent_tracks_definite_overflow.html b/test_fixtures/grid_percent_tracks_definite_overflow.html
index b14229d89..ca54fa8d9 100644
--- a/test_fixtures/grid_percent_tracks_definite_overflow.html
+++ b/test_fixtures/grid_percent_tracks_definite_overflow.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 60px; width: 120px; display: grid; grid-template-columns: 40% 40% 40%;grid-template-rows: 50% 80%;">
+<div id="test-root" style="height: 60px; width: 120px; display: grid; grid-template-columns: 40% 40% 40%; grid-template-rows: 50% 80%;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_percent_tracks_definite_underflow.html b/test_fixtures/grid_percent_tracks_definite_underflow.html
index 0d308614d..966e0d369 100644
--- a/test_fixtures/grid_percent_tracks_definite_underflow.html
+++ b/test_fixtures/grid_percent_tracks_definite_underflow.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 60px; width: 120px; display: grid; grid-template-columns: 10% 20% 30%;grid-template-rows: 30% 60%;">
+<div id="test-root" style="height: 60px; width: 120px; display: grid; grid-template-columns: 10% 20% 30%; grid-template-rows: 30% 60%;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_percent_tracks_indefinite_only.html b/test_fixtures/grid_percent_tracks_indefinite_only.html
index 7b52fa676..be45a7265 100644
--- a/test_fixtures/grid_percent_tracks_indefinite_only.html
+++ b/test_fixtures/grid_percent_tracks_indefinite_only.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 10% 20% 30%;grid-template-rows: 30% 60%;">
+<div id="test-root" style="display: grid; grid-template-columns: 10% 20% 30%; grid-template-rows: 30% 60%;">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_percent_tracks_indefinite_with_content_overflow.html b/test_fixtures/grid_percent_tracks_indefinite_with_content_overflow.html
index 6cb5c609c..cdcdd06bf 100644
--- a/test_fixtures/grid_percent_tracks_indefinite_with_content_overflow.html
+++ b/test_fixtures/grid_percent_tracks_indefinite_with_content_overflow.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 40% 40% 40%;grid-template-rows: 50% 80%;">
- <div style="grid-row:1;grid-column:1;width: 100px; height: 100px;"></div>
- <div style="grid-row:1;grid-column:1"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 40% 40% 40%; grid-template-rows: 50% 80%;">
+ <div style="grid-row: 1; grid-column: 1; width: 100px; height: 100px;"></div>
+ <div style="grid-row: 1; grid-column: 1;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_percent_tracks_indefinite_with_content_underflow.html b/test_fixtures/grid_percent_tracks_indefinite_with_content_underflow.html
index 19fdf9703..f84554151 100644
--- a/test_fixtures/grid_percent_tracks_indefinite_with_content_underflow.html
+++ b/test_fixtures/grid_percent_tracks_indefinite_with_content_underflow.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 10% 20% 30%;grid-template-rows: 30% 60%;">
- <div style="grid-row:1;grid-column:1;width: 100px; height: 100px;"></div>
- <div style="grid-row:1;grid-column:1"></div>
+<div id="test-root" style="display: grid; grid-template-columns: 10% 20% 30%; grid-template-rows: 30% 60%;">
+ <div style="grid-row: 1; grid-column: 1; width: 100px; height: 100px;"></div>
+ <div style="grid-row: 1; grid-column: 1;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_placement_auto_negative.html b/test_fixtures/grid_placement_auto_negative.html
index 893945e79..d7388a681 100644
--- a/test_fixtures/grid_placement_auto_negative.html
+++ b/test_fixtures/grid_placement_auto_negative.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px;grid-template-rows: 40px 40px;">
- <div style="grid-row: 1;grid-column: -5;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px; grid-template-rows: 40px 40px;">
+ <div style="grid-row: 1; grid-column: -5;"></div>
<div></div>
- <div style="grid-row: 2"></div>
+ <div style="grid-row: 2;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_placement_definite_in_secondary_axis_with_fully_definite_negative.html b/test_fixtures/grid_placement_definite_in_secondary_axis_with_fully_definite_negative.html
index 98de0e0f3..c0e8b9bc0 100644
--- a/test_fixtures/grid_placement_definite_in_secondary_axis_with_fully_definite_negative.html
+++ b/test_fixtures/grid_placement_definite_in_secondary_axis_with_fully_definite_negative.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px;grid-template-rows: 40px 40px;">
- <div style="grid-row: 2"></div>
- <div style="grid-row: 2;grid-column: -4;"></div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px; grid-template-rows: 40px 40px;">
+ <div style="grid-row: 2;"></div>
+ <div style="grid-row: 2; grid-column: -4;"></div>
<div style="grid-row: 1;"></div>
</div>
diff --git a/test_fixtures/grid_relative_all_sides.html b/test_fixtures/grid_relative_all_sides.html
index e2205bc31..d46d2f587 100644
--- a/test_fixtures/grid_relative_all_sides.html
+++ b/test_fixtures/grid_relative_all_sides.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid;height: 100px; width: 100px;">
- <div style="width: 40px;top: 10px;bottom:10px;left: 10px;right: 10px"></div>
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
+ <div style="width: 40px; top: 10px; bottom: 10px; left: 10px; right: 10px;"></div>
</div>
</body>
diff --git a/test_fixtures/grid_relayout_vertical_text.html b/test_fixtures/grid_relayout_vertical_text.html
index 0513bbcd6..c7c8ce24e 100644
--- a/test_fixtures/grid_relayout_vertical_text.html
+++ b/test_fixtures/grid_relayout_vertical_text.html
@@ -9,7 +9,7 @@
</head>
<body>
- <div id="test-root" style="display: grid;grid-template-columns: min-content;grid-template-rows: 40px;">
+ <div id="test-root" style="display: grid; grid-template-columns: min-content; grid-template-rows: 40px;">
<div style="writing-mode: vertical-lr;">HH​HH​HH​HH​HH​HH​HH</div>
<div>HH​HH​HH</div>
</div>
diff --git a/test_fixtures/grid_repeat_integer.html b/test_fixtures/grid_repeat_integer.html
index eab34f86c..4cbdd200c 100644
--- a/test_fixtures/grid_repeat_integer.html
+++ b/test_fixtures/grid_repeat_integer.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(3, 40px);grid-template-rows: repeat(3, 40px)">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: repeat(3, 40px); grid-template-rows: repeat(3, 40px);">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_repeat_mixed.html b/test_fixtures/grid_repeat_mixed.html
index 95e77e2bf..e8a6ed173 100644
--- a/test_fixtures/grid_repeat_mixed.html
+++ b/test_fixtures/grid_repeat_mixed.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px repeat(1, 40px) repeat(auto-fill, 40px);grid-template-rows: 40px repeat(1, 40px) repeat(auto-fill, 40px)">
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px repeat(1, 40px) repeat(auto-fill, 40px); grid-template-rows: 40px repeat(1, 40px) repeat(auto-fill, 40px);">
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_size_child_fixed_tracks.html b/test_fixtures/grid_size_child_fixed_tracks.html
index 2908eddb9..5e50ef063 100644
--- a/test_fixtures/grid_size_child_fixed_tracks.html
+++ b/test_fixtures/grid_size_child_fixed_tracks.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;">
- <div style="align-self: start;justify-self: start;">HH​HH​HH​HH</div>
- <div style="align-self: start;justify-self: start;">HHH​HHH</div>
- <div style="align-self: start;justify-self: start;">HH​HHHH</div>
- <div style="align-self: start;justify-self: start;width:20px">HH​HH​HH​HH</div>
- <div style="align-self: start;justify-self: start;max-width:30px">HH​HH​HH​HH</div>
+<div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
+ <div style="align-self: start; justify-self: start;">HH​HH​HH​HH</div>
+ <div style="align-self: start; justify-self: start;">HHH​HHH</div>
+ <div style="align-self: start; justify-self: start;">HH​HHHH</div>
+ <div style="align-self: start; justify-self: start; width: 20px;">HH​HH​HH​HH</div>
+ <div style="align-self: start; justify-self: start; max-width: 30px;">HH​HH​HH​HH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite.html b/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite.html
index 7cb532774..d7bfdbb7f 100644
--- a/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite.html
+++ b/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite.html
@@ -9,12 +9,8 @@
</head>
<body>
-<div id="test-root" style="
- display: grid;
- grid-template-rows: 40px 40px;
- grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% minmax(2px, auto) minmax(2px, 4px) minmax(2px, min-content) minmax(2px, max-content) minmax(min-content, max-content) minmax(min-content, auto) minmax(max-content, auto);
-">
- <div style="grid-column: 1 / span 13">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-rows: 40px 40px; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% minmax(2px, auto) minmax(2px, 4px) minmax(2px, min-content) minmax(2px, max-content) minmax(min-content, max-content) minmax(min-content, auto) minmax(max-content, auto);">
+ <div style="grid-column: 1 / span 13;">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html b/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
index 3ca067899..f73c152be 100644
--- a/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
+++ b/test_fixtures/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
@@ -9,12 +9,8 @@
</head>
<body>
-<div id="test-root" style="
- display: grid;
- grid-template-rows: 40px 40px;
- grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% minmax(2px, auto) minmax(2px, 4px) minmax(2px, min-content) minmax(2px, max-content) minmax(min-content, max-content) minmax(min-content, auto) minmax(max-content, auto);
-">
- <div style="grid-column: 1 / span 13;overflow: hidden;">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-rows: 40px 40px; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% minmax(2px, auto) minmax(2px, 4px) minmax(2px, min-content) minmax(2px, max-content) minmax(min-content, max-content) minmax(min-content, auto) minmax(max-content, auto);">
+ <div style="grid-column: 1 / span 13; overflow: hidden;">HHHHHHHHHHHHHHHH​HHHHHHHHHHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_span_2_max_content_auto_indefinite.html b/test_fixtures/grid_span_2_max_content_auto_indefinite.html
index 223a8b492..41203af60 100644
--- a/test_fixtures/grid_span_2_max_content_auto_indefinite.html
+++ b/test_fixtures/grid_span_2_max_content_auto_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content auto;grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content auto; grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_max_content_auto_indefinite_hidden.html b/test_fixtures/grid_span_2_max_content_auto_indefinite_hidden.html
index e303b382f..754f35974 100644
--- a/test_fixtures/grid_span_2_max_content_auto_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_max_content_auto_indefinite_hidden.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content auto;grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content auto; grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
<div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;>HHHH​HHHH</div>
</div>
diff --git a/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite.html b/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite.html
index fcd9ce671..15792f736 100644
--- a/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite.html
+++ b/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content fit-content(10px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(10px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html b/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
index 2e74e60e5..6d907d305 100644
--- a/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content fit-content(10px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(10px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite.html b/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite.html
index d3499774b..430cb86fa 100644
--- a/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite.html
+++ b/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content fit-content(80px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(80px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html b/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
index 8db65781c..1a8fccc00 100644
--- a/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content fit-content(80px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2;overflow: hidden">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(80px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_max_content_max_content_indefinite.html b/test_fixtures/grid_span_2_max_content_max_content_indefinite.html
index e1f148db7..1432df769 100644
--- a/test_fixtures/grid_span_2_max_content_max_content_indefinite.html
+++ b/test_fixtures/grid_span_2_max_content_max_content_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content max-content;grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content max-content; grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_auto_indefinite.html b/test_fixtures/grid_span_2_min_content_auto_indefinite.html
index b3b8fdcc5..10f78d4f9 100644
--- a/test_fixtures/grid_span_2_min_content_auto_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_auto_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content auto;grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: min-content auto; grid-template-rows: 40px;">
<div></div>
<div></div>
- <div style="grid-column: 1 / span 2">HHHH​HHHH</div>
+ <div style="grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_auto_indefinite_hidden.html b/test_fixtures/grid_span_2_min_content_auto_indefinite_hidden.html
index bf33749a9..bd2eb2193 100644
--- a/test_fixtures/grid_span_2_min_content_auto_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_min_content_auto_indefinite_hidden.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content auto;grid-template-rows: 40px">
+<div id="test-root" style="display: grid; grid-template-columns: min-content auto; grid-template-rows: 40px;">
<div></div>
<div></div>
- <div style="grid-column: 1 / span 2;overflow: hidden;">HHHH​HHHH</div>
+ <div style="grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite.html b/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite.html
index 647f27218..75738e86f 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(10px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(10px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html b/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
index 4971d2d64..1725684eb 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(10px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(10px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
<div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite.html b/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite.html
index b33b404bd..9f2afd28a 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(30px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(30px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html b/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
index d17b1dc1d..e72075dbd 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(30px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(30px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
<div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite.html b/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite.html
index ba525da68..5104376d2 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(80px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(80px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html b/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
index aba6ee46f..2b631612d 100644
--- a/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
+++ b/test_fixtures/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content fit-content(80px);grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2;overflow: hidden;">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(80px); grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_max_content_indefinite.html b/test_fixtures/grid_span_2_min_content_max_content_indefinite.html
index 960079199..7e9b78c90 100644
--- a/test_fixtures/grid_span_2_min_content_max_content_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_max_content_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content max-content;grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content max-content; grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_2_min_content_min_content_indefinite.html b/test_fixtures/grid_span_2_min_content_min_content_indefinite.html
index 247c1b739..9e642881b 100644
--- a/test_fixtures/grid_span_2_min_content_min_content_indefinite.html
+++ b/test_fixtures/grid_span_2_min_content_min_content_indefinite.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content min-content;grid-template-rows: 40px">
- <div style="grid-row: 1; grid-column: 1"></div>
- <div style="grid-row: 1; grid-column: 2"></div>
- <div style="grid-row: 1; grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content min-content; grid-template-rows: 40px;">
+ <div style="grid-row: 1; grid-column: 1;"></div>
+ <div style="grid-row: 1; grid-column: 2;"></div>
+ <div style="grid-row: 1; grid-column: 1 / span 2;">HHHH​HHHH</div>
</div>
</body>
diff --git a/test_fixtures/grid_span_6_all_non_flex_indefinite.html b/test_fixtures/grid_span_6_all_non_flex_indefinite.html
index 163dcb345..905506f2e 100644
--- a/test_fixtures/grid_span_6_all_non_flex_indefinite.html
+++ b/test_fixtures/grid_span_6_all_non_flex_indefinite.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content max-content fit-content(20px) auto 10px 20%;grid-template-rows: 40px 40px">
- <div style="grid-column: 1 / span 6">HHHHHHHH​HHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20%; grid-template-rows: 40px 40px;">
+ <div style="grid-column: 1 / span 6;">HHHHHHHH​HHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_span_6_all_non_flex_indefinite_hidden.html b/test_fixtures/grid_span_6_all_non_flex_indefinite_hidden.html
index 495f58259..234e55eda 100644
--- a/test_fixtures/grid_span_6_all_non_flex_indefinite_hidden.html
+++ b/test_fixtures/grid_span_6_all_non_flex_indefinite_hidden.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content max-content fit-content(20px) auto 10px 20%;grid-template-rows: 40px 40px">
- <div style="grid-column: 1 / span 6;overflow: hidden">HHHHHHHH​HHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20%; grid-template-rows: 40px 40px;">
+ <div style="grid-column: 1 / span 6; overflow: hidden;">HHHHHHHH​HHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/grid_span_8_all_track_types_indefinite.html b/test_fixtures/grid_span_8_all_track_types_indefinite.html
index a25ffa4b8..9b05d98db 100644
--- a/test_fixtures/grid_span_8_all_track_types_indefinite.html
+++ b/test_fixtures/grid_span_8_all_track_types_indefinite.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:min-content max-content fit-content(20px) auto 10px 20% 1fr 2fr;grid-template-rows: 40px 40px">
- <div style="grid-column: 1 / span 8">HHHHHHHH​HHHHHHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% 1fr 2fr; grid-template-rows: 40px 40px;">
+ <div style="grid-column: 1 / span 8;">HHHHHHHH​HHHHHHHH</div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/gridflex_column_integration.html b/test_fixtures/gridflex_column_integration.html
index ce4eb69e9..3cff62f09 100644
--- a/test_fixtures/gridflex_column_integration.html
+++ b/test_fixtures/gridflex_column_integration.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: column;">
- <div style="display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;">
+ <div style="display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;">
<div>HH</div>
<div>HH</div>
<div>HH</div>
diff --git a/test_fixtures/gridflex_kitchen_sink.html b/test_fixtures/gridflex_kitchen_sink.html
index 383bf1819..ba04e90e5 100644
--- a/test_fixtures/gridflex_kitchen_sink.html
+++ b/test_fixtures/gridflex_kitchen_sink.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root">
- <div style="display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;">
+ <div style="display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;">
<div>
- <div style="width: 20px"></div>
- <div style="width: 50px;flex-grow: 1">
- <div style="display: grid; grid-template-columns: auto 10%;grid-template-rows: 30% 10%">
- <div style="width: 20px"></div>
+ <div style="width: 20px;"></div>
+ <div style="width: 50px; flex-grow: 1;">
+ <div style="display: grid; grid-template-columns: auto 10%; grid-template-rows: 30% 10%;">
+ <div style="width: 20px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/gridflex_kitchen_sink_minimise.html b/test_fixtures/gridflex_kitchen_sink_minimise.html
index 195c4b4af..a5c7200f9 100644
--- a/test_fixtures/gridflex_kitchen_sink_minimise.html
+++ b/test_fixtures/gridflex_kitchen_sink_minimise.html
@@ -10,8 +10,8 @@
<body>
<div id="test-root">
- <div style="display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 20px">
- <div style="width: 50px"></div>
+ <div style="display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 20px;">
+ <div style="width: 50px;"></div>
<div></div>
</div>
</div>
diff --git a/test_fixtures/gridflex_kitchen_sink_minimise2.html b/test_fixtures/gridflex_kitchen_sink_minimise2.html
index d9ad999a8..12dffe714 100644
--- a/test_fixtures/gridflex_kitchen_sink_minimise2.html
+++ b/test_fixtures/gridflex_kitchen_sink_minimise2.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 50px;flex-grow: 1">
- <div style="display: grid; grid-template-columns: auto;grid-template-rows:auto">
- <div style="height:20px;width: 20px"></div>
+<div id="test-root" style="width: 50px; flex-grow: 1;">
+ <div style="display: grid; grid-template-columns: auto; grid-template-rows: auto;">
+ <div style="height: 20px; width: 20px;"></div>
</div>
</div>
diff --git a/test_fixtures/gridflex_kitchen_sink_minimise3.html b/test_fixtures/gridflex_kitchen_sink_minimise3.html
index e17b9f984..f321eec5c 100644
--- a/test_fixtures/gridflex_kitchen_sink_minimise3.html
+++ b/test_fixtures/gridflex_kitchen_sink_minimise3.html
@@ -10,8 +10,8 @@
<body>
<div id="test-root" style="width: 50px;">
- <div style="display: grid;grid-template-columns: auto 10%;grid-template-rows: 30% 10%">
- <div style="height: 20px;width: 20px"></div>
+ <div style="display: grid; grid-template-columns: auto 10%; grid-template-rows: 30% 10%;">
+ <div style="height: 20px; width: 20px;"></div>
<div></div>
<div></div>
<div></div>
diff --git a/test_fixtures/gridflex_row_integration.html b/test_fixtures/gridflex_row_integration.html
index 1bc7d2789..6054a3d6f 100644
--- a/test_fixtures/gridflex_row_integration.html
+++ b/test_fixtures/gridflex_row_integration.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="display: grid; grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;">
+ <div style="display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;">
<div>HH</div>
<div>HH</div>
<div>HH</div>
diff --git a/test_fixtures/intrinsic_sizing_main_size_column.html b/test_fixtures/intrinsic_sizing_main_size_column.html
index e2074818f..2c3a7baab 100644
--- a/test_fixtures/intrinsic_sizing_main_size_column.html
+++ b/test_fixtures/intrinsic_sizing_main_size_column.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;writing-mode: vertical-lr;">HH​HH</div>
+<div id="test-root" style="flex-direction: column; writing-mode: vertical-lr;">HH​HH</div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/intrinsic_sizing_main_size_column_nested.html b/test_fixtures/intrinsic_sizing_main_size_column_nested.html
index 0fd487f6b..9a146ca3a 100644
--- a/test_fixtures/intrinsic_sizing_main_size_column_nested.html
+++ b/test_fixtures/intrinsic_sizing_main_size_column_nested.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: column;">
- <div style="flex-direction: column;writing-mode: vertical-lr;">HH​HH</div>
+ <div style="flex-direction: column; writing-mode: vertical-lr;">HH​HH</div>
</div>
</body>
diff --git a/test_fixtures/intrinsic_sizing_main_size_column_wrap.html b/test_fixtures/intrinsic_sizing_main_size_column_wrap.html
index 9c3645420..3eba41565 100644
--- a/test_fixtures/intrinsic_sizing_main_size_column_wrap.html
+++ b/test_fixtures/intrinsic_sizing_main_size_column_wrap.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="flex-wrap:wrap;flex-direction: column;">
- <div style="flex-direction: column;writing-mode: vertical-lr;">HH​HH</div>
- <div style="flex-direction: column;writing-mode: vertical-lr;">HH​HH</div>
+<div id="test-root" style="flex-wrap: wrap; flex-direction: column;">
+ <div style="flex-direction: column; writing-mode: vertical-lr;">HH​HH</div>
+ <div style="flex-direction: column; writing-mode: vertical-lr;">HH​HH</div>
</div>
</body>
diff --git a/test_fixtures/intrinsic_sizing_main_size_row_wrap.html b/test_fixtures/intrinsic_sizing_main_size_row_wrap.html
index 9523188e7..7b1bac9a0 100644
--- a/test_fixtures/intrinsic_sizing_main_size_row_wrap.html
+++ b/test_fixtures/intrinsic_sizing_main_size_row_wrap.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-wrap:wrap">
+<div id="test-root" style="flex-wrap: wrap;">
<div>HH​HH</div>
<div>HH​HH</div>
</div>
diff --git a/test_fixtures/justify_content_row_space_evenly.html b/test_fixtures/justify_content_row_space_evenly.html
index 52195f2cb..5763c9218 100644
--- a/test_fixtures/justify_content_row_space_evenly.html
+++ b/test_fixtures/justify_content_row_space_evenly.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; justify-content: space-evenly; flex-direction: row; ">
+<div id="test-root" style="width: 100px; height: 100px; justify-content: space-evenly; flex-direction: row;">
<div style="height: 10px;"></div>
<div style="height: 10px;"></div>
<div style="height: 10px;"></div>
diff --git a/test_fixtures/leaf_overflow_scrollbars_overriden_by_available_space.html b/test_fixtures/leaf_overflow_scrollbars_overriden_by_available_space.html
index 9d5211e7d..085d3ea76 100644
--- a/test_fixtures/leaf_overflow_scrollbars_overriden_by_available_space.html
+++ b/test_fixtures/leaf_overflow_scrollbars_overriden_by_available_space.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="width: 2px;height: 4px;">
- <div style="flex-grow: 1;overflow: scroll"></div>
+<div id="test-root" style="width: 2px; height: 4px;">
+ <div style="flex-grow: 1; overflow: scroll;"></div>
</div>
</body>
diff --git a/test_fixtures/leaf_overflow_scrollbars_overriden_by_max_size.html b/test_fixtures/leaf_overflow_scrollbars_overriden_by_max_size.html
index c47a40fc4..37a8c47c8 100644
--- a/test_fixtures/leaf_overflow_scrollbars_overriden_by_max_size.html
+++ b/test_fixtures/leaf_overflow_scrollbars_overriden_by_max_size.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="overflow: scroll;max-width: 2px; max-height: 4px;"></div>
+<div id="test-root" style="overflow: scroll; max-width: 2px; max-height: 4px;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/leaf_overflow_scrollbars_overriden_by_size.html b/test_fixtures/leaf_overflow_scrollbars_overriden_by_size.html
index dfdf5cda9..d4e573d82 100644
--- a/test_fixtures/leaf_overflow_scrollbars_overriden_by_size.html
+++ b/test_fixtures/leaf_overflow_scrollbars_overriden_by_size.html
@@ -9,7 +9,7 @@
<head/>
<body>
-<div id="test-root" style="overflow: scroll;width: 2px;height: 4px;"></div>
+<div id="test-root" style="overflow: scroll; width: 2px; height: 4px;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/leaf_padding_border_overrides_max_size.html b/test_fixtures/leaf_padding_border_overrides_max_size.html
index 8ab9a6306..9c0e1a53d 100644
--- a/test_fixtures/leaf_padding_border_overrides_max_size.html
+++ b/test_fixtures/leaf_padding_border_overrides_max_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="max-width: 12px; max-height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="max-width: 12px; max-height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/leaf_padding_border_overrides_min_size.html b/test_fixtures/leaf_padding_border_overrides_min_size.html
index 8cf53e3ca..b40c39378 100644
--- a/test_fixtures/leaf_padding_border_overrides_min_size.html
+++ b/test_fixtures/leaf_padding_border_overrides_min_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="min-width: 0px; min-height: 0px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="min-width: 0px; min-height: 0px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/leaf_padding_border_overrides_size.html b/test_fixtures/leaf_padding_border_overrides_size.html
index 14a15708d..abb8087fa 100644
--- a/test_fixtures/leaf_padding_border_overrides_size.html
+++ b/test_fixtures/leaf_padding_border_overrides_size.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+<div id="test-root" style="width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</body>
</html>
\ No newline at end of file
diff --git a/test_fixtures/margin_auto_bottom.html b/test_fixtures/margin_auto_bottom.html
index 1f4309cb0..f44d69092 100644
--- a/test_fixtures/margin_auto_bottom.html
+++ b/test_fixtures/margin_auto_bottom.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-bottom:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-bottom: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_bottom_and_top.html b/test_fixtures/margin_auto_bottom_and_top.html
index bf067132d..ca7dc4f37 100644
--- a/test_fixtures/margin_auto_bottom_and_top.html
+++ b/test_fixtures/margin_auto_bottom_and_top.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-top:auto; margin-bottom:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto; margin-bottom: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_bottom_and_top_justify_center.html b/test_fixtures/margin_auto_bottom_and_top_justify_center.html
index 15eafc728..8fdd17d76 100644
--- a/test_fixtures/margin_auto_bottom_and_top_justify_center.html
+++ b/test_fixtures/margin_auto_bottom_and_top_justify_center.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; justify-content: center;">
- <div style="width: 50px; height: 50px; margin-top:auto; margin-bottom:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto; margin-bottom: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_left.html b/test_fixtures/margin_auto_left.html
index 33d7c00c0..6a59c0307 100644
--- a/test_fixtures/margin_auto_left.html
+++ b/test_fixtures/margin_auto_left.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-left:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-left: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_left_and_right.html b/test_fixtures/margin_auto_left_and_right.html
index ee0531f77..fecac24ad 100644
--- a/test_fixtures/margin_auto_left_and_right.html
+++ b/test_fixtures/margin_auto_left_and_right.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 200px; ">
- <div style="width: 50px; height: 50px; margin-left:auto; margin-right:auto;"></div>
+<div id="test-root" style="width: 200px; height: 200px;">
+ <div style="width: 50px; height: 50px; margin-left: auto; margin-right: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_left_and_right_column_and_center.html b/test_fixtures/margin_auto_left_and_right_column_and_center.html
index 94ce2661d..cbf2a60dc 100644
--- a/test_fixtures/margin_auto_left_and_right_column_and_center.html
+++ b/test_fixtures/margin_auto_left_and_right_column_and_center.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-left:auto; margin-right:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-left: auto; margin-right: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_left_and_right_stretch.html b/test_fixtures/margin_auto_left_and_right_stretch.html
index 2603799a1..a921e9f2d 100644
--- a/test_fixtures/margin_auto_left_and_right_stretch.html
+++ b/test_fixtures/margin_auto_left_and_right_stretch.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 200px; flex-direction:row; align-items: stretch;">
- <div style="width: 50px; height: 50px; margin-left:auto; margin-right:auto;"></div>
+<div id="test-root" style="width: 200px; height: 200px; flex-direction: row; align-items: stretch;">
+ <div style="width: 50px; height: 50px; margin-left: auto; margin-right: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_left_right_child_bigger_than_parent.html b/test_fixtures/margin_auto_left_right_child_bigger_than_parent.html
index 31c9e4157..ad9c74d46 100644
--- a/test_fixtures/margin_auto_left_right_child_bigger_than_parent.html
+++ b/test_fixtures/margin_auto_left_right_child_bigger_than_parent.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="height: 52px; width: 52px; justify-content: center;">
- <div style="width: 72px; height: 72px; margin-left: auto; margin-right:auto;"></div>
+ <div style="width: 72px; height: 72px; margin-left: auto; margin-right: auto;"></div>
</div>
</body>
diff --git a/test_fixtures/margin_auto_left_stretching_child.html b/test_fixtures/margin_auto_left_stretching_child.html
index 8e3943222..6cefff7dd 100644
--- a/test_fixtures/margin_auto_left_stretching_child.html
+++ b/test_fixtures/margin_auto_left_stretching_child.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="flex: 1; margin-left:auto;"></div>
+ <div style="flex: 1; margin-left: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_mutiple_children_column.html b/test_fixtures/margin_auto_mutiple_children_column.html
index 36f69b0d5..4bc118540 100644
--- a/test_fixtures/margin_auto_mutiple_children_column.html
+++ b/test_fixtures/margin_auto_mutiple_children_column.html
@@ -10,8 +10,8 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; flex-direction: column; align-items: center;">
- <div style="width: 50px; height: 50px; margin-top:auto;"></div>
- <div style="width: 50px; height: 50px; margin-top:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_mutiple_children_row.html b/test_fixtures/margin_auto_mutiple_children_row.html
index 310318ce2..16d1b311f 100644
--- a/test_fixtures/margin_auto_mutiple_children_row.html
+++ b/test_fixtures/margin_auto_mutiple_children_row.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 200px; height: 200px; flex-direction:row; align-items: center;">
- <div style="width: 50px; height: 50px; margin-right:auto;"></div>
- <div style="width: 50px; height: 50px; margin-right:auto;"></div>
+<div id="test-root" style="width: 200px; height: 200px; flex-direction: row; align-items: center;">
+ <div style="width: 50px; height: 50px; margin-right: auto;"></div>
+ <div style="width: 50px; height: 50px; margin-right: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_right.html b/test_fixtures/margin_auto_right.html
index 56313bc28..4cd33ed8a 100644
--- a/test_fixtures/margin_auto_right.html
+++ b/test_fixtures/margin_auto_right.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-right:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-right: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_top.html b/test_fixtures/margin_auto_top.html
index 39ef947e3..89a3ab0b1 100644
--- a/test_fixtures/margin_auto_top.html
+++ b/test_fixtures/margin_auto_top.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="width: 50px; height: 50px; margin-top:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_top_and_bottom_stretch.html b/test_fixtures/margin_auto_top_and_bottom_stretch.html
index 842c46436..b04f2c62d 100644
--- a/test_fixtures/margin_auto_top_and_bottom_stretch.html
+++ b/test_fixtures/margin_auto_top_and_bottom_stretch.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; flex-direction: column; align-items: stretch;">
- <div style="width: 50px; height: 50px; margin-top:auto; margin-bottom:auto;"></div>
+ <div style="width: 50px; height: 50px; margin-top: auto; margin-bottom: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/margin_auto_top_stretching_child.html b/test_fixtures/margin_auto_top_stretching_child.html
index 82ad6b4b9..d2186bf7e 100644
--- a/test_fixtures/margin_auto_top_stretching_child.html
+++ b/test_fixtures/margin_auto_top_stretching_child.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center;">
- <div style="flex: 1; margin-top:auto;"></div>
+ <div style="flex: 1; margin-top: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>
diff --git a/test_fixtures/measure_child_absolute.html b/test_fixtures/measure_child_absolute.html
index 444371e6f..ce06296a4 100644
--- a/test_fixtures/measure_child_absolute.html
+++ b/test_fixtures/measure_child_absolute.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px;height: 100px">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="position: absolute;">HHHHHH</div>
</div>
diff --git a/test_fixtures/measure_child_constraint.html b/test_fixtures/measure_child_constraint.html
index 5e489e41d..c9d6541c0 100644
--- a/test_fixtures/measure_child_constraint.html
+++ b/test_fixtures/measure_child_constraint.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:50px; height: auto;">
+<div id="test-root" style="width: 50px; height: auto;">
<div>HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/measure_child_constraint_padding_parent.html b/test_fixtures/measure_child_constraint_padding_parent.html
index ff223e4d6..557c4ef0f 100644
--- a/test_fixtures/measure_child_constraint_padding_parent.html
+++ b/test_fixtures/measure_child_constraint_padding_parent.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:50px; height: auto;padding: 10px">
+<div id="test-root" style="width: 50px; height: auto; padding: 10px;">
<div>HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/measure_child_with_flex_grow.html b/test_fixtures/measure_child_with_flex_grow.html
index 4731e2666..f49a7e54d 100644
--- a/test_fixtures/measure_child_with_flex_grow.html
+++ b/test_fixtures/measure_child_with_flex_grow.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: auto">
- <div style="width: 50px;height: 50px"></div>
+<div id="test-root" style="width: 100px; height: auto;">
+ <div style="width: 50px; height: 50px;"></div>
<div>H​H​H​H​H</div>
</div>
diff --git a/test_fixtures/measure_child_with_flex_shrink.html b/test_fixtures/measure_child_with_flex_shrink.html
index ea7bb7962..54e283d46 100644
--- a/test_fixtures/measure_child_with_flex_shrink.html
+++ b/test_fixtures/measure_child_with_flex_shrink.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: auto">
- <div style="width: 50px;height: 50px"></div>
+<div id="test-root" style="width: 100px; height: auto;">
+ <div style="width: 50px; height: 50px;"></div>
<div>HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/measure_child_with_flex_shrink_hidden.html b/test_fixtures/measure_child_with_flex_shrink_hidden.html
index 07797f5c3..00f68c89e 100644
--- a/test_fixtures/measure_child_with_flex_shrink_hidden.html
+++ b/test_fixtures/measure_child_with_flex_shrink_hidden.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: auto">
- <div style="width: 50px;height: 50px"></div>
+<div id="test-root" style="width: 100px; height: auto;">
+ <div style="width: 50px; height: 50px;"></div>
<div style="overflow: hidden;">HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH​HHHHHHHHHH</div>
</div>
diff --git a/test_fixtures/measure_flex_basis_overrides_measure.html b/test_fixtures/measure_flex_basis_overrides_measure.html
index 4afd64e5e..6255068aa 100644
--- a/test_fixtures/measure_flex_basis_overrides_measure.html
+++ b/test_fixtures/measure_flex_basis_overrides_measure.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 50px;height: 50px;">
+<div id="test-root" style="width: 50px; height: 50px;">
<div>H</div>
</div>
diff --git a/test_fixtures/measure_height_overrides_measure.html b/test_fixtures/measure_height_overrides_measure.html
index 1de867462..1370d8d95 100644
--- a/test_fixtures/measure_height_overrides_measure.html
+++ b/test_fixtures/measure_height_overrides_measure.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="height:5px">H</div>
+ <div style="height: 5px;">H</div>
</div>
</body>
diff --git a/test_fixtures/measure_remeasure_child_after_growing.html b/test_fixtures/measure_remeasure_child_after_growing.html
index 3c1c4f652..dc9797353 100644
--- a/test_fixtures/measure_remeasure_child_after_growing.html
+++ b/test_fixtures/measure_remeasure_child_after_growing.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: auto;align-items: start;">
- <div style="width: 50px;height: 50px"></div>
+<div id="test-root" style="width: 100px; height: auto; align-items: start;">
+ <div style="width: 50px; height: 50px;"></div>
<div>HH</div>
</div>
diff --git a/test_fixtures/measure_remeasure_child_after_shrinking.html b/test_fixtures/measure_remeasure_child_after_shrinking.html
index 142b27e23..d468566b1 100644
--- a/test_fixtures/measure_remeasure_child_after_shrinking.html
+++ b/test_fixtures/measure_remeasure_child_after_shrinking.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: auto;align-items: start;">
- <div style="width: 50px;height: 50px;flex-shrink: 0;"></div>
+<div id="test-root" style="width: 100px; height: auto; align-items: start;">
+ <div style="width: 50px; height: 50px; flex-shrink: 0;"></div>
<div>HH</div>
</div>
diff --git a/test_fixtures/measure_remeasure_child_after_stretching.html b/test_fixtures/measure_remeasure_child_after_stretching.html
index 8df64b495..1d01082f9 100644
--- a/test_fixtures/measure_remeasure_child_after_stretching.html
+++ b/test_fixtures/measure_remeasure_child_after_stretching.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div>HH</div>
</div>
diff --git a/test_fixtures/measure_stretch_overrides_measure.html b/test_fixtures/measure_stretch_overrides_measure.html
index 464adebb6..ed4f9d234 100644
--- a/test_fixtures/measure_stretch_overrides_measure.html
+++ b/test_fixtures/measure_stretch_overrides_measure.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="width: 20px;height: 10px;">
- <div style="flex-basis: 5px;flex-grow: 1;"></div>
- <div style="flex-basis: 5px;flex-grow: 1;">H</div>
+<div id="test-root" style="width: 20px; height: 10px;">
+ <div style="flex-basis: 5px; flex-grow: 1;"></div>
+ <div style="flex-basis: 5px; flex-grow: 1;">H</div>
</div>
</body>
diff --git a/test_fixtures/measure_width_overrides_measure.html b/test_fixtures/measure_width_overrides_measure.html
index 7e4053a37..3adcbbb86 100644
--- a/test_fixtures/measure_width_overrides_measure.html
+++ b/test_fixtures/measure_width_overrides_measure.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="width:50px">HHHHHHHHHH</div>
+ <div style="width: 50px;">HHHHHHHHHH</div>
</div>
</body>
diff --git a/test_fixtures/min_height_with_nested_fixed_height.html b/test_fixtures/min_height_with_nested_fixed_height.html
index 2214bae11..bbb6c3ee5 100644
--- a/test_fixtures/min_height_with_nested_fixed_height.html
+++ b/test_fixtures/min_height_with_nested_fixed_height.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 320px; min-height: 44px; flex-direction: row; padding-left: 16px; padding-right: 16px;">
- <div style="flex-direction: column;min-height: 28px; align-self: flex-start; flex-shrink: 0; margin-bottom: 9px; margin-top: 8px;">
+ <div style="flex-direction: column; min-height: 28px; align-self: flex-start; flex-shrink: 0; margin-bottom: 9px; margin-top: 8px;">
<div style="width: 40px; height: 40px;"></div>
</div>
</div>
diff --git a/test_fixtures/min_max_percent_different_width_height.html b/test_fixtures/min_max_percent_different_width_height.html
index 7f7a73fca..1248a219f 100644
--- a/test_fixtures/min_max_percent_different_width_height.html
+++ b/test_fixtures/min_max_percent_different_width_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 100px; height: 200px; align-items: flex-start;">
+<div id="test-root" style="flex-direction: column; width: 100px; height: 200px; align-items: flex-start;">
<div style="min-width: 10%; max-width: 10%; min-height: 10%; max-height: 10%;">
</div>
</div>
diff --git a/test_fixtures/min_width.html b/test_fixtures/min_width.html
index 541a7f3e9..423b9342f 100644
--- a/test_fixtures/min_width.html
+++ b/test_fixtures/min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; height: 100px; flex-direction: row">
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row;">
<div style="flex-grow: 1; min-width: 60px;"></div>
<div style="flex-grow: 1;"></div>
</div>
diff --git a/test_fixtures/min_width_larger_than_width.html b/test_fixtures/min_width_larger_than_width.html
index dda98a336..eda95737b 100644
--- a/test_fixtures/min_width_larger_than_width.html
+++ b/test_fixtures/min_width_larger_than_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 100px; height: 100px;">
+<div id="test-root" style="flex-direction: column; width: 100px; height: 100px;">
<div style="width: 25px; min-width: 50px;"></div>
</div>
diff --git a/test_fixtures/overflow_cross_axis.html b/test_fixtures/overflow_cross_axis.html
index ef8bf3985..74f454777 100644
--- a/test_fixtures/overflow_cross_axis.html
+++ b/test_fixtures/overflow_cross_axis.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="height: 200px; width: 100px;"></div>
</div>
diff --git a/test_fixtures/overflow_main_axis.html b/test_fixtures/overflow_main_axis.html
index 7a8fa28f2..7813e7f21 100644
--- a/test_fixtures/overflow_main_axis.html
+++ b/test_fixtures/overflow_main_axis.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;">
+<div id="test-root" style="width: 100px; height: 100px;">
<div style="width: 200px; flex-shrink: 0;"></div>
</div>
diff --git a/test_fixtures/overflow_main_axis_shrink_hidden.html b/test_fixtures/overflow_main_axis_shrink_hidden.html
index 68c34189b..00b19c462 100644
--- a/test_fixtures/overflow_main_axis_shrink_hidden.html
+++ b/test_fixtures/overflow_main_axis_shrink_hidden.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:50px; height: 50px;">
- <div style="flex-shrink: 1;overflow: hidden;">HHHHHHHHHH</div>
+<div id="test-root" style="width: 50px; height: 50px;">
+ <div style="flex-shrink: 1; overflow: hidden;">HHHHHHHHHH</div>
</div>
</body>
diff --git a/test_fixtures/overflow_main_axis_shrink_scroll.html b/test_fixtures/overflow_main_axis_shrink_scroll.html
index 10ee79051..8feff1fd0 100644
--- a/test_fixtures/overflow_main_axis_shrink_scroll.html
+++ b/test_fixtures/overflow_main_axis_shrink_scroll.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="width:50px; height: 50px;">
- <div style="flex-shrink: 1;overflow: scroll;">HHHHHHHHHH</div>
+<div id="test-root" style="width: 50px; height: 50px;">
+ <div style="flex-shrink: 1; overflow: scroll;">HHHHHHHHHH</div>
</div>
</body>
diff --git a/test_fixtures/overflow_main_axis_shrink_visible.html b/test_fixtures/overflow_main_axis_shrink_visible.html
index f47f1bb43..adf33f652 100644
--- a/test_fixtures/overflow_main_axis_shrink_visible.html
+++ b/test_fixtures/overflow_main_axis_shrink_visible.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="width:50px; height: 50px;">
- <div style="flex-shrink: 1;overflow: visible;">HHHHHHHHHH</div>
+<div id="test-root" style="width: 50px; height: 50px;">
+ <div style="flex-shrink: 1; overflow: visible;">HHHHHHHHHH</div>
</div>
</body>
diff --git a/test_fixtures/overflow_scroll_main_axis_justify_content_end.html b/test_fixtures/overflow_scroll_main_axis_justify_content_end.html
index e3078b022..18ee0e58d 100644
--- a/test_fixtures/overflow_scroll_main_axis_justify_content_end.html
+++ b/test_fixtures/overflow_scroll_main_axis_justify_content_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width:100px; height: 100px;justify-content: end;">
+<div id="test-root" style="width: 100px; height: 100px; justify-content: end;">
<div style="width: 200px; flex-shrink: 0;"></div>
</div>
diff --git a/test_fixtures/overflow_scrollbars_overriden_by_available_space.html b/test_fixtures/overflow_scrollbars_overriden_by_available_space.html
index 1a9d3ba2f..bdd3ad6fe 100644
--- a/test_fixtures/overflow_scrollbars_overriden_by_available_space.html
+++ b/test_fixtures/overflow_scrollbars_overriden_by_available_space.html
@@ -9,9 +9,9 @@
<head/>
<body>
-<div id="test-root" style="width: 2px;height: 4px;">
- <div style="flex-grow: 1;overflow: scroll">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="width: 2px; height: 4px;">
+ <div style="flex-grow: 1; overflow: scroll;">
+ <div style="flex-grow: 1;"></div>
</div>
</div>
diff --git a/test_fixtures/overflow_scrollbars_overriden_by_max_size.html b/test_fixtures/overflow_scrollbars_overriden_by_max_size.html
index 540dac090..597f7250a 100644
--- a/test_fixtures/overflow_scrollbars_overriden_by_max_size.html
+++ b/test_fixtures/overflow_scrollbars_overriden_by_max_size.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="overflow: scroll;max-width: 2px; max-height: 4px;">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="overflow: scroll; max-width: 2px; max-height: 4px;">
+ <div style="flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/overflow_scrollbars_overriden_by_size.html b/test_fixtures/overflow_scrollbars_overriden_by_size.html
index 564215f10..1252ea2d6 100644
--- a/test_fixtures/overflow_scrollbars_overriden_by_size.html
+++ b/test_fixtures/overflow_scrollbars_overriden_by_size.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="overflow: scroll;width: 2px;height: 4px;">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="overflow: scroll; width: 2px; height: 4px;">
+ <div style="flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/overflow_scrollbars_take_up_space_both_axis.html b/test_fixtures/overflow_scrollbars_take_up_space_both_axis.html
index 592724b8e..1bd29bfd4 100644
--- a/test_fixtures/overflow_scrollbars_take_up_space_both_axis.html
+++ b/test_fixtures/overflow_scrollbars_take_up_space_both_axis.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="width:50px; height: 50px;overflow: scroll;">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="width: 50px; height: 50px; overflow: scroll;">
+ <div style="flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/overflow_scrollbars_take_up_space_cross_axis.html b/test_fixtures/overflow_scrollbars_take_up_space_cross_axis.html
index 0f3901cbc..c3dd215b0 100644
--- a/test_fixtures/overflow_scrollbars_take_up_space_cross_axis.html
+++ b/test_fixtures/overflow_scrollbars_take_up_space_cross_axis.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="width:50px; height: 50px;overflow-y: scroll;">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="width: 50px; height: 50px; overflow-y: scroll;">
+ <div style="flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/overflow_scrollbars_take_up_space_main_axis.html b/test_fixtures/overflow_scrollbars_take_up_space_main_axis.html
index bdb218068..6394f9e55 100644
--- a/test_fixtures/overflow_scrollbars_take_up_space_main_axis.html
+++ b/test_fixtures/overflow_scrollbars_take_up_space_main_axis.html
@@ -9,8 +9,8 @@
<head/>
<body>
-<div id="test-root" style="width:50px; height: 50px;overflow-x: scroll;">
- <div style="flex-grow: 1"></div>
+<div id="test-root" style="width: 50px; height: 50px; overflow-x: scroll;">
+ <div style="flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_border_overrides_max_size.html b/test_fixtures/padding_border_overrides_max_size.html
index 5db10fd53..43f28be9d 100644
--- a/test_fixtures/padding_border_overrides_max_size.html
+++ b/test_fixtures/padding_border_overrides_max_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="max-width: 12px; max-height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+ <div style="max-width: 12px; max-height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_border_overrides_min_size.html b/test_fixtures/padding_border_overrides_min_size.html
index 7bf148ead..aac41ee1f 100644
--- a/test_fixtures/padding_border_overrides_min_size.html
+++ b/test_fixtures/padding_border_overrides_min_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="min-width: 0px; min-height: 0px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+ <div style="min-width: 0px; min-height: 0px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_border_overrides_size.html b/test_fixtures/padding_border_overrides_size.html
index 6e2b9fff3..073c7f80c 100644
--- a/test_fixtures/padding_border_overrides_size.html
+++ b/test_fixtures/padding_border_overrides_size.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root">
- <div style="width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
+ <div style="width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_border_overrides_size_flex_basis_0.html b/test_fixtures/padding_border_overrides_size_flex_basis_0.html
index 469598e07..e09be6ec8 100644
--- a/test_fixtures/padding_border_overrides_size_flex_basis_0.html
+++ b/test_fixtures/padding_border_overrides_size_flex_basis_0.html
@@ -10,8 +10,8 @@
<body>
<div id="test-root">
- <div style="flex-basis: 0;width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
- <div style="flex-basis: 0;width: 12px; height: 12px"></div>
+ <div style="flex-basis: 0; width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
+ <div style="flex-basis: 0; width: 12px; height: 12px;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_border_overrides_size_flex_basis_0_growable.html b/test_fixtures/padding_border_overrides_size_flex_basis_0_growable.html
index a8a28f5d4..5ebeb3448 100644
--- a/test_fixtures/padding_border_overrides_size_flex_basis_0_growable.html
+++ b/test_fixtures/padding_border_overrides_size_flex_basis_0_growable.html
@@ -10,8 +10,8 @@
<body>
<div id="test-root">
- <div style="flex-basis: 0;flex-grow: 1;width: 12px; height: 12px;padding:2px 4px 6px 8px;border-width: 1px 3px 5px 7px;border-style:solid;border-color:red"></div>
- <div style="flex-basis: 0;flex-grow: 1;width: 12px; height: 12px"></div>
+ <div style="flex-basis: 0; flex-grow: 1; width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;"></div>
+ <div style="flex-basis: 0; flex-grow: 1; width: 12px; height: 12px;"></div>
</div>
</body>
diff --git a/test_fixtures/padding_container_match_child.html b/test_fixtures/padding_container_match_child.html
index 7db15fa23..f533cc3e6 100644
--- a/test_fixtures/padding_container_match_child.html
+++ b/test_fixtures/padding_container_match_child.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;padding: 10px;">
+<div id="test-root" style="flex-direction: column; padding: 10px;">
<div style="width: 10px; height: 10px;"></div>
</div>
diff --git a/test_fixtures/padding_flex_child.html b/test_fixtures/padding_flex_child.html
index d6f40f20a..939b30ef7 100644
--- a/test_fixtures/padding_flex_child.html
+++ b/test_fixtures/padding_flex_child.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 100px; height: 100px; padding: 10px;">
- <div style="width: 10px; flex-grow:1"></div>
+ <div style="width: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/percent_within_flex_grow.html b/test_fixtures/percent_within_flex_grow.html
index 2dca62c4a..e3bfabb1c 100644
--- a/test_fixtures/percent_within_flex_grow.html
+++ b/test_fixtures/percent_within_flex_grow.html
@@ -9,10 +9,10 @@
</head>
<body>
-<div id="test-root" style="flex-direction:row; width: 350px; height: 100px;">
- <div style="width:100px;"></div>
+<div id="test-root" style="flex-direction: row; width: 350px; height: 100px;">
+ <div style="width: 100px;"></div>
<div style="flex-grow: 1; flex-direction: column;">
- <div style="width:100%;"></div>
+ <div style="width: 100%;"></div>
</div>
<div style="width: 100px;"></div>
</div>
diff --git a/test_fixtures/percentage_different_width_height.html b/test_fixtures/percentage_different_width_height.html
index 2b0a08ce0..533982e95 100644
--- a/test_fixtures/percentage_different_width_height.html
+++ b/test_fixtures/percentage_different_width_height.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 300px; flex-direction: row;">
- <div style="height: 30%; flex-grow: 1"></div>
+ <div style="height: 30%; flex-grow: 1;"></div>
<div style="height: 30%;"></div>
</div>
diff --git a/test_fixtures/percentage_different_width_height_column.html b/test_fixtures/percentage_different_width_height_column.html
index 9f84ebe3c..6fd363e85 100644
--- a/test_fixtures/percentage_different_width_height_column.html
+++ b/test_fixtures/percentage_different_width_height_column.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 300px; flex-direction: column;">
- <div style="flex-grow: 1"></div>
+ <div style="flex-grow: 1;"></div>
<div style="height: 30%;"></div>
</div>
diff --git a/test_fixtures/percentage_main_max_height.html b/test_fixtures/percentage_main_max_height.html
index 41b84bd28..8259574d8 100644
--- a/test_fixtures/percentage_main_max_height.html
+++ b/test_fixtures/percentage_main_max_height.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 71px;">
- <div style="flex-direction: column;align-items: flex-start; height: 151px;">
+<div id="test-root" style="flex-direction: column; width: 71px;">
+ <div style="flex-direction: column; align-items: flex-start; height: 151px;">
<div style="flex-basis: 15px;"></div>
<div style="flex-basis: 48px; max-height: 33%;"></div>
</div>
diff --git a/test_fixtures/percentage_moderate_complexity.html b/test_fixtures/percentage_moderate_complexity.html
index e56c61ee6..528fa5824 100644
--- a/test_fixtures/percentage_moderate_complexity.html
+++ b/test_fixtures/percentage_moderate_complexity.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" data-test-rounding="false" style="display: flex;flex-direction:column;width: 200px;padding: 3px;">
- <div style="display: flex;flex-direction:column;width: 50%; margin: 5px; padding: 3%;">
+<div id="test-root" data-test-rounding="false" style="display: flex; flex-direction: column; width: 200px; padding: 3px;">
+ <div style="display: flex; flex-direction: column; width: 50%; margin: 5px; padding: 3%;">
<div style="width: 45%; margin: 5%; padding: 3px;"></div>
</div>
</div>
diff --git a/test_fixtures/percentage_moderate_complexity2.html b/test_fixtures/percentage_moderate_complexity2.html
index 61330545a..a06c2990a 100644
--- a/test_fixtures/percentage_moderate_complexity2.html
+++ b/test_fixtures/percentage_moderate_complexity2.html
@@ -11,7 +11,7 @@
<div id="test-root" style="width: 200px; height: 200px; flex-direction: column;">
<div style="width: 50%; padding: 10%; flex-direction: column;">
- <div style="width:20px;height: 20px"></div>
+ <div style="width: 20px; height: 20px;"></div>
</div>
</div>
diff --git a/test_fixtures/percentage_position_bottom_right.html b/test_fixtures/percentage_position_bottom_right.html
index e69b658e6..2ad954e2c 100644
--- a/test_fixtures/percentage_position_bottom_right.html
+++ b/test_fixtures/percentage_position_bottom_right.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 500px; height: 500px; flex-direction: row;">
- <div style="width: 55%; height: 15%; bottom: 10%; right: 20%"></div>
+ <div style="width: 55%; height: 15%; bottom: 10%; right: 20%;"></div>
</div>
</body>
diff --git a/test_fixtures/percentage_position_left_top.html b/test_fixtures/percentage_position_left_top.html
index 1d4b073a1..b2fca748d 100644
--- a/test_fixtures/percentage_position_left_top.html
+++ b/test_fixtures/percentage_position_left_top.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 400px; height: 400px; flex-direction: row;">
- <div style="width: 45%; height: 55%; left: 10%; top: 20%"></div>
+ <div style="width: 45%; height: 55%; left: 10%; top: 20%;"></div>
</div>
</body>
diff --git a/test_fixtures/percentage_sizes_should_not_prevent_flex_shrinking.html b/test_fixtures/percentage_sizes_should_not_prevent_flex_shrinking.html
index d1bcfe8f4..47abb9261 100644
--- a/test_fixtures/percentage_sizes_should_not_prevent_flex_shrinking.html
+++ b/test_fixtures/percentage_sizes_should_not_prevent_flex_shrinking.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 200px;height:200px">
+<div id="test-root" style="width: 200px; height: 200px;">
<div style="width: 120%;">
<div></div>
</div>
diff --git a/test_fixtures/position_root_with_rtl_should_position_withoutdirection.html b/test_fixtures/position_root_with_rtl_should_position_withoutdirection.html
index 03fb83a6d..38001d267 100644
--- a/test_fixtures/position_root_with_rtl_should_position_withoutdirection.html
+++ b/test_fixtures/position_root_with_rtl_should_position_withoutdirection.html
@@ -12,7 +12,7 @@
<!-- this test has an extra node compared to the yoga version because yoga's gentest script wraps places the test
snippet within an extra root node. Whereas Taffy's script make the root of the snippet the test root -->
<div id="test-root">
- <div style="height: 52px; width: 52px; left: 72px; "></div>
+ <div style="height: 52px; width: 52px; left: 72px;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_flex_basis_overrides_main_size.html b/test_fixtures/rounding_flex_basis_overrides_main_size.html
index 0fabb5da8..781f11afd 100644
--- a/test_fixtures/rounding_flex_basis_overrides_main_size.html
+++ b/test_fixtures/rounding_flex_basis_overrides_main_size.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113px; width: 100px; flex-direction: column;">
- <div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_1.html b/test_fixtures/rounding_fractial_input_1.html
index 72464bf0f..8fef41aae 100644
--- a/test_fixtures/rounding_fractial_input_1.html
+++ b/test_fixtures/rounding_fractial_input_1.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113.4px; width: 100px; flex-direction: column;">
- <div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_2.html b/test_fixtures/rounding_fractial_input_2.html
index 0e53379cb..1438d9125 100644
--- a/test_fixtures/rounding_fractial_input_2.html
+++ b/test_fixtures/rounding_fractial_input_2.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113.6px; width: 100px; flex-direction: column;">
- <div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_3.html b/test_fixtures/rounding_fractial_input_3.html
index 72464bf0f..8fef41aae 100644
--- a/test_fixtures/rounding_fractial_input_3.html
+++ b/test_fixtures/rounding_fractial_input_3.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113.4px; width: 100px; flex-direction: column;">
- <div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_4.html b/test_fixtures/rounding_fractial_input_4.html
index 72464bf0f..8fef41aae 100644
--- a/test_fixtures/rounding_fractial_input_4.html
+++ b/test_fixtures/rounding_fractial_input_4.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113.4px; width: 100px; flex-direction: column;">
- <div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 20px; flex-grow: 1; flex-basis: 50px;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_5.html b/test_fixtures/rounding_fractial_input_5.html
index 9a0a04ea7..7b8616255 100644
--- a/test_fixtures/rounding_fractial_input_5.html
+++ b/test_fixtures/rounding_fractial_input_5.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 100px;width:963.3333px;justify-content: center;">
- <div style="width:100.3px;height:100.3px"></div>
- <div style="width:100.3px;height:100.3px"></div>
+<div id="test-root" style="height: 100px; width: 963.3333px; justify-content: center;">
+ <div style="width: 100.3px; height: 100.3px;"></div>
+ <div style="width: 100.3px; height: 100.3px;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_fractial_input_6.html b/test_fixtures/rounding_fractial_input_6.html
index 146e64b3f..24b71c4b5 100644
--- a/test_fixtures/rounding_fractial_input_6.html
+++ b/test_fixtures/rounding_fractial_input_6.html
@@ -9,14 +9,14 @@
</head>
<body>
-<div id="test-root" style="width:7px;">
- <div style="width:50%;flex-wrap: wrap;">
- <div style="width: 2px;height: 10px;background-color: red"></div>
- <div style="width: 2px;height: 10px;background-color: green"></div>
+<div id="test-root" style="width: 7px;">
+ <div style="width: 50%; flex-wrap: wrap;">
+ <div style="width: 2px; height: 10px; background-color: red;"></div>
+ <div style="width: 2px; height: 10px; background-color: green;"></div>
</div>
- <div style="width:50%;flex-wrap: wrap;">
- <div style="width: 2px;height: 10px;background-color: yellow"></div>
- <div style="width: 2px;height: 10px;background-color: blue"></div>
+ <div style="width: 50%; flex-wrap: wrap;">
+ <div style="width: 2px; height: 10px; background-color: yellow;"></div>
+ <div style="width: 2px; height: 10px; background-color: blue;"></div>
</div>
</div>
diff --git a/test_fixtures/rounding_fractial_input_7.html b/test_fixtures/rounding_fractial_input_7.html
index d18f4e1bc..0210852ef 100644
--- a/test_fixtures/rounding_fractial_input_7.html
+++ b/test_fixtures/rounding_fractial_input_7.html
@@ -9,22 +9,22 @@
</head>
<body>
-<div id="test-root" style="width:7px;">
- <div style="width:25%;flex-wrap: wrap;">
- <div style="width: 1px;height: 10px;background-color: red"></div>
- <div style="width: 1px;height: 10px;background-color: green"></div>
+<div id="test-root" style="width: 7px;">
+ <div style="width: 25%; flex-wrap: wrap;">
+ <div style="width: 1px; height: 10px; background-color: red;"></div>
+ <div style="width: 1px; height: 10px; background-color: green;"></div>
</div>
- <div style="width:25%;flex-wrap: wrap;">
- <div style="width: 1px;height: 10px;background-color: yellow"></div>
- <div style="width: 1px;height: 10px;background-color: blue"></div>
+ <div style="width: 25%; flex-wrap: wrap;">
+ <div style="width: 1px; height: 10px; background-color: yellow;"></div>
+ <div style="width: 1px; height: 10px; background-color: blue;"></div>
</div>
- <div style="width:25%;flex-wrap: wrap;">
- <div style="width: 1px;height: 10px;background-color: red"></div>
- <div style="width: 1px;height: 10px;background-color: green"></div>
+ <div style="width: 25%; flex-wrap: wrap;">
+ <div style="width: 1px; height: 10px; background-color: red;"></div>
+ <div style="width: 1px; height: 10px; background-color: green;"></div>
</div>
- <div style="width:25%;flex-wrap: wrap;">
- <div style="width: 1px;height: 10px;background-color: yellow"></div>
- <div style="width: 1px;height: 10px;background-color: blue"></div>
+ <div style="width: 25%; flex-wrap: wrap;">
+ <div style="width: 1px; height: 10px; background-color: yellow;"></div>
+ <div style="width: 1px; height: 10px; background-color: blue;"></div>
</div>
</div>
diff --git a/test_fixtures/rounding_inner_node_controversy_combined.html b/test_fixtures/rounding_inner_node_controversy_combined.html
index abc845653..5eae46413 100644
--- a/test_fixtures/rounding_inner_node_controversy_combined.html
+++ b/test_fixtures/rounding_inner_node_controversy_combined.html
@@ -10,15 +10,15 @@
<body>
<div id="test-root" style="width: 640px; height: 320px; flex-direction: row;">
- <div style="height: 100%; flex-grow:1;"></div>
- <div style="height: 100%; flex-grow:1; flex-direction: column;">
- <div style="width: 100%; flex-grow:1;"></div>
- <div style="flex-direction: column;width: 100%; flex-grow:1;">
- <div style="flex-grow:1; width: 100%;"></div>
+ <div style="height: 100%; flex-grow: 1;"></div>
+ <div style="height: 100%; flex-grow: 1; flex-direction: column;">
+ <div style="width: 100%; flex-grow: 1;"></div>
+ <div style="flex-direction: column; width: 100%; flex-grow: 1;">
+ <div style="flex-grow: 1; width: 100%;"></div>
</div>
- <div style="width: 100%; flex-grow:1;"></div>
+ <div style="width: 100%; flex-grow: 1;"></div>
</div>
- <div style="height: 100%; flex-grow:1;"></div>
+ <div style="height: 100%; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_inner_node_controversy_horizontal.html b/test_fixtures/rounding_inner_node_controversy_horizontal.html
index aaddc12aa..c22591b31 100644
--- a/test_fixtures/rounding_inner_node_controversy_horizontal.html
+++ b/test_fixtures/rounding_inner_node_controversy_horizontal.html
@@ -10,11 +10,11 @@
<body>
<div id="test-root" style="width: 320px; flex-direction: row;">
- <div style="height: 10px; flex-grow:1;"></div>
- <div style="flex-direction: column;height: 10px; flex-grow:1;">
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
+ <div style="flex-direction: column; height: 10px; flex-grow: 1;">
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
- <div style="height: 10px; flex-grow:1;"></div>
+ <div style="height: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_inner_node_controversy_vertical.html b/test_fixtures/rounding_inner_node_controversy_vertical.html
index 50957ab0d..0b1f7af48 100644
--- a/test_fixtures/rounding_inner_node_controversy_vertical.html
+++ b/test_fixtures/rounding_inner_node_controversy_vertical.html
@@ -9,12 +9,12 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;height: 320px;">
- <div style="width: 10px; flex-grow:1;"></div>
- <div style="flex-direction: column;width: 10px; flex-grow:1;">
- <div style="width: 10px; flex-grow:1;"></div>
+<div id="test-root" style="flex-direction: column; height: 320px;">
+ <div style="width: 10px; flex-grow: 1;"></div>
+ <div style="flex-direction: column; width: 10px; flex-grow: 1;">
+ <div style="width: 10px; flex-grow: 1;"></div>
</div>
- <div style="width: 10px; flex-grow:1;"></div>
+ <div style="width: 10px; flex-grow: 1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_total_fractial.html b/test_fixtures/rounding_total_fractial.html
index 989d25e38..a7f513cb6 100644
--- a/test_fixtures/rounding_total_fractial.html
+++ b/test_fixtures/rounding_total_fractial.html
@@ -10,9 +10,9 @@
<body>
<div id="test-root" style="height: 113.4px; width: 87.4px; flex-direction: column;">
- <div style="height: 20.3px; flex-grow:0.7; flex-basis:50.3px;"></div>
- <div style="height: 10px; flex-grow:1.6;"></div>
- <div style="height: 10.7px; flex-grow:1.1;"></div>
+ <div style="height: 20.3px; flex-grow: 0.7; flex-basis: 50.3px;"></div>
+ <div style="height: 10px; flex-grow: 1.6;"></div>
+ <div style="height: 10.7px; flex-grow: 1.1;"></div>
</div>
</body>
diff --git a/test_fixtures/rounding_total_fractial_nested.html b/test_fixtures/rounding_total_fractial_nested.html
index 373304f1e..c78e1f06d 100644
--- a/test_fixtures/rounding_total_fractial_nested.html
+++ b/test_fixtures/rounding_total_fractial_nested.html
@@ -10,12 +10,12 @@
<body>
<div id="test-root" style="height: 113.4px; width: 87.4px; flex-direction: column;">
- <div style="height: 20.3px; flex-grow:0.7; flex-basis:50.3px; flex-direction: column;">
- <div style="bottom: 13.3px; height: 9.9px; flex-grow:1; flex-basis:0.3px;"></div>
- <div style="top: 13.3px; height: 1.1px; flex-grow:4; flex-basis:0.3px;"></div>
+ <div style="height: 20.3px; flex-grow: 0.7; flex-basis: 50.3px; flex-direction: column;">
+ <div style="bottom: 13.3px; height: 9.9px; flex-grow: 1; flex-basis: 0.3px;"></div>
+ <div style="top: 13.3px; height: 1.1px; flex-grow: 4; flex-basis: 0.3px;"></div>
</div>
- <div style="height: 10px; flex-grow:1.6;"></div>
- <div style="height: 10.7px; flex-grow:1.1;"></div>
+ <div style="height: 10px; flex-grow: 1.6;"></div>
+ <div style="height: 10.7px; flex-grow: 1.1;"></div>
</div>
</body>
diff --git a/test_fixtures/simple_child.html b/test_fixtures/simple_child.html
index 9dc4d2b5d..bfb9fdc01 100644
--- a/test_fixtures/simple_child.html
+++ b/test_fixtures/simple_child.html
@@ -9,14 +9,14 @@
</head>
<body>
-<div id="test-root" style="width:100px;height:100px">
- <div style="width:100%;height:100%">
- <div style="width:10px;height:10px">
- <div style="width:10px;height:10px"></div>
+<div id="test-root" style="width: 100px; height: 100px;">
+ <div style="width: 100%; height: 100%;">
+ <div style="width: 10px; height: 10px;">
+ <div style="width: 10px; height: 10px;"></div>
</div>
<div>
- <div style="width:10px;height:10px;align-self:center"></div>
- <div style="width:10px;height:10px;align-self:center"></div>
+ <div style="width: 10px; height: 10px; align-self: center;"></div>
+ <div style="width: 10px; height: 10px; align-self: center;"></div>
</div>
</div>
</div>
diff --git a/test_fixtures/single_flex_child_after_absolute_child.html b/test_fixtures/single_flex_child_after_absolute_child.html
index 315bb469d..b5a78279c 100644
--- a/test_fixtures/single_flex_child_after_absolute_child.html
+++ b/test_fixtures/single_flex_child_after_absolute_child.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 428px; height: 845px">
+<div id="test-root" style="flex-direction: column; width: 428px; height: 845px;">
<div style="width: 100%; height: 100%; position: absolute;"></div>
<div style="flex-grow: 1; flex-shrink: 1;"></div>
<div style="flex-shrink: 0; flex-basis: 174px;"></div>
diff --git a/test_fixtures/undefined_height_with_min_max.html b/test_fixtures/undefined_height_with_min_max.html
index 5b444925b..ebcbd270f 100644
--- a/test_fixtures/undefined_height_with_min_max.html
+++ b/test_fixtures/undefined_height_with_min_max.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 320px; min-height: 0px;">
+<div id="test-root" style="flex-direction: column; width: 320px; min-height: 0px;">
<div style="min-height: 0px; max-height: 100px;"></div>
</div>
diff --git a/test_fixtures/undefined_width_with_min_max.html b/test_fixtures/undefined_width_with_min_max.html
index df346f471..40eee5953 100644
--- a/test_fixtures/undefined_width_with_min_max.html
+++ b/test_fixtures/undefined_width_with_min_max.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;height: 50px;">
+<div id="test-root" style="flex-direction: column; height: 50px;">
<div style="min-width: 0px; max-width: 100px;"></div>
</div>
diff --git a/test_fixtures/wrap_reverse_row.html b/test_fixtures/wrap_reverse_row.html
index 9fb40df25..2e7dee8b8 100644
--- a/test_fixtures/wrap_reverse_row.html
+++ b/test_fixtures/wrap_reverse_row.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; flex-direction: row; flex-wrap: wrap-reverse">
+<div id="test-root" style="width: 100px; flex-direction: row; flex-wrap: wrap-reverse;">
<div style="height: 30px; width: 31px;"></div>
<div style="height: 30px; width: 32px;"></div>
<div style="height: 30px; width: 33px;"></div>
diff --git a/test_fixtures/wrap_row.html b/test_fixtures/wrap_row.html
index 9a43ac0bf..72398b7e8 100644
--- a/test_fixtures/wrap_row.html
+++ b/test_fixtures/wrap_row.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="width: 100px; flex-direction: row; flex-wrap: wrap">
+<div id="test-root" style="width: 100px; flex-direction: row; flex-wrap: wrap;">
<div style="height: 30px; width: 31px;"></div>
<div style="height: 30px; width: 32px;"></div>
<div style="height: 30px; width: 33px;"></div>
diff --git a/test_fixtures/wrapped_column_max_height.html b/test_fixtures/wrapped_column_max_height.html
index 466a76e1d..c664aa785 100644
--- a/test_fixtures/wrapped_column_max_height.html
+++ b/test_fixtures/wrapped_column_max_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="height: 500px; width: 700px; flex-direction: column;align-items: center; justify-content: center; align-content: center; flex-wrap:wrap;">
+<div id="test-root" style="height: 500px; width: 700px; flex-direction: column; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;">
<div style="width: 100px; height: 500px; max-height: 200px;"></div>
<div style="width: 200px; height: 200px; margin: 20px;"></div>
<div style="width: 100px; height: 100px;"></div>
diff --git a/test_fixtures/wrapped_column_max_height_flex.html b/test_fixtures/wrapped_column_max_height_flex.html
index 2fef2d1c3..96c28565c 100644
--- a/test_fixtures/wrapped_column_max_height_flex.html
+++ b/test_fixtures/wrapped_column_max_height_flex.html
@@ -9,9 +9,9 @@
</head>
<body>
-<div id="test-root" style="height: 500px; width: 700px; flex-direction: column;align-items: center; justify-content: center; align-content: center; flex-wrap:wrap;">
+<div id="test-root" style="height: 500px; width: 700px; flex-direction: column; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;">
<div style="width: 100px; height: 500px; max-height: 200px; flex: 1;"></div>
- <div style="width: 200px; height: 200px; margin: 20px; flex: 1"></div>
+ <div style="width: 200px; height: 200px; margin: 20px; flex: 1;"></div>
<div style="width: 100px; height: 100px;"></div>
</div>
diff --git a/test_fixtures/wrapped_row_within_align_items_center.html b/test_fixtures/wrapped_row_within_align_items_center.html
index 49f6d4597..b97baa0a0 100644
--- a/test_fixtures/wrapped_row_within_align_items_center.html
+++ b/test_fixtures/wrapped_row_within_align_items_center.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: center; flex-direction: column;">
- <div style="flex-direction:row; flex-wrap: wrap;">
+ <div style="flex-direction: row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
diff --git a/test_fixtures/wrapped_row_within_align_items_flex_end.html b/test_fixtures/wrapped_row_within_align_items_flex_end.html
index 8980d8f32..c78b1da20 100644
--- a/test_fixtures/wrapped_row_within_align_items_flex_end.html
+++ b/test_fixtures/wrapped_row_within_align_items_flex_end.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: flex-end; flex-direction: column;">
- <div style="flex-direction:row; flex-wrap: wrap;">
+ <div style="flex-direction: row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
diff --git a/test_fixtures/wrapped_row_within_align_items_flex_start.html b/test_fixtures/wrapped_row_within_align_items_flex_start.html
index 5798a873b..8f096500c 100644
--- a/test_fixtures/wrapped_row_within_align_items_flex_start.html
+++ b/test_fixtures/wrapped_row_within_align_items_flex_start.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="width: 200px; height: 200px; align-items: flex-start; flex-direction: column;">
- <div style="flex-direction:row; flex-wrap: wrap;">
+ <div style="flex-direction: row; flex-wrap: wrap;">
<div style="width: 150px; height: 80px;"></div>
<div style="width: 80px; height: 80px;"></div>
</div>
diff --git a/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_height.html b/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_height.html
index 9b62a0fb0..49afe1c04 100644
--- a/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_height.html
+++ b/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="min-width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_width.html b/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_width.html
index 80f17a2a0..dd2c66d2b 100644
--- a/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_width.html
+++ b/test_fixtures/xaspect_ratio_flex_column_stretch_fill_min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;flex-direction: column;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; flex-direction: column; height: 100px; width: 100px;">
<div style="min-height: 40px; aspect-ratio: 2;">
</div>
diff --git a/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_height.html b/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_height.html
index 5c86e9235..c1f7df18b 100644
--- a/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_height.html
+++ b/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_height.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="min-width: 40px; aspect-ratio: 2;"></div>
</div>
diff --git a/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_width.html b/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_width.html
index 3ed04bd34..89e71e9da 100644
--- a/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_width.html
+++ b/test_fixtures/xaspect_ratio_flex_row_stretch_fill_min_width.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: flex;height: 100px; width: 100px;">
+<div id="test-root" style="display: flex; height: 100px; width: 100px;">
<div style="min-height: 40px; aspect-ratio: 2;">
</div>
diff --git a/test_fixtures/xflex_basis_zero_undefined_main_size_hidden.html b/test_fixtures/xflex_basis_zero_undefined_main_size_hidden.html
index 5b47628bb..23d9bb149 100644
--- a/test_fixtures/xflex_basis_zero_undefined_main_size_hidden.html
+++ b/test_fixtures/xflex_basis_zero_undefined_main_size_hidden.html
@@ -10,7 +10,7 @@
<body>
<div id="test-root" style="flex-direction: row;">
- <div style="flex-direction: column;flex-basis: 0px;overflow: hidden;">
+ <div style="flex-direction: column; flex-basis: 0px; overflow: hidden;">
<div style="width: 100px; height: 50px;"></div>
</div>
</div>
diff --git a/test_fixtures/xgrid_fr_span_2_proportion_sub_1_sum_with_non_spanned_track.html b/test_fixtures/xgrid_fr_span_2_proportion_sub_1_sum_with_non_spanned_track.html
index 67332b75f..9a668fbcd 100644
--- a/test_fixtures/xgrid_fr_span_2_proportion_sub_1_sum_with_non_spanned_track.html
+++ b/test_fixtures/xgrid_fr_span_2_proportion_sub_1_sum_with_non_spanned_track.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns: 0.2fr 0.3fr 0.5fr;grid-template-rows: 40px 40px">
+<div id="test-root" style="display: grid; grid-template-columns: 0.2fr 0.3fr 0.5fr; grid-template-rows: 40px 40px;">
<div style="width: 60px; grid-column: span 2;"></div>
<div></div>
<div></div>
diff --git a/test_fixtures/xgrid_span_2_max_content_minmax_max_content_min_content_indefinite.html b/test_fixtures/xgrid_span_2_max_content_minmax_max_content_min_content_indefinite.html
index 36d4025b0..8c5ab482f 100644
--- a/test_fixtures/xgrid_span_2_max_content_minmax_max_content_min_content_indefinite.html
+++ b/test_fixtures/xgrid_span_2_max_content_minmax_max_content_min_content_indefinite.html
@@ -9,8 +9,8 @@
</head>
<body>
-<div id="test-root" style="display: grid; grid-template-columns:max-content minmax(max-content, min-content);grid-template-rows: 40px 40px">
- <div style="grid-column: 1 / span 2">HHHH​HHHH</div>
+<div id="test-root" style="display: grid; grid-template-columns: max-content minmax(max-content, min-content); grid-template-rows: 40px 40px;">
+ <div style="grid-column: 1 / span 2;">HHHH​HHHH</div>
<div></div>
<div></div>
</div>
diff --git a/test_fixtures/xmargin_auto_start_and_end.html b/test_fixtures/xmargin_auto_start_and_end.html
index ea4ef321f..5f9a1dbf0 100644
--- a/test_fixtures/xmargin_auto_start_and_end.html
+++ b/test_fixtures/xmargin_auto_start_and_end.html
@@ -9,7 +9,7 @@
</head>
<body>
-<div id="test-root" style="flex-direction: column;width: 200px; height: 200px; ">
+<div id="test-root" style="flex-direction: column; width: 200px; height: 200px;">
<div style="width: 50px; height: 50px; margin-inline-start: auto; margin-inline-end: auto;"></div>
<div style="width: 50px; height: 50px;"></div>
</div>