Add test for the clear attribute presentational hints on BR elements

Psychpsyo · Psychpsyo · commit fc67fe4c1fe8 · 2026-02-03T23:24:49.000+01:00
diff --git a/html/rendering/non-replaced-elements/the-br-element/br-clear-presentational-hints-ref.html b/html/rendering/non-replaced-elements/the-br-element/br-clear-presentational-hints-ref.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<div style="max-width: 100px; height: 100px; background: green;"></div>
diff --git a/html/rendering/non-replaced-elements/the-br-element/br-clear-presentational-hints.html b/html/rendering/non-replaced-elements/the-br-element/br-clear-presentational-hints.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>The clear attribute applies the clear CSS property.</title>
+<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3">
+<link rel=match href="./br-clear-presentational-hints-ref.html">
+<style>
+  body {
+    line-height: 0;
+  }
+  .test > div {
+    width: 25px;
+    height: 50px;
+    background: green;
+  }
+</style>
+<div style="max-width: 100px; display: flex;">
+  <div class="test">
+    <div style="float:right"></div>
+    <br clear="all">
+    <div></div>
+  </div>
+  <div class="test">
+    <div style="float:right"></div>
+    <br clear="both">
+    <div></div>
+  </div>
+  <div class="test">
+    <div style="float:right"></div>
+    <br clear="right">
+    <div></div>
+  </div>
+  <div class="test">
+    <div style="float:left"></div>
+    <br clear="left">
+    <div></div>
+  </div>
+</div>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<!DOCTYPE html>`
	`2`	`+<meta charset="utf-8">`
	`3`	`+<div style="max-width: 100px; height: 100px; background: green;"></div>`