<!doctype html>
<title>Attributes on &lt;/br></title>
<style>
br+div { background:lime; width:10em; height:10em; display:block; content:""; }
.fail+div { background:red; }
</style>
There should be a green square and no red below: </br class=fail><div></div>
<script>
 var result = false;
 var elm = document.getElementsByTagName("br")[0];
 if (elm) {
   result = true;
   if (elm.className == "fail")
     result = false;
 }
 if (window.testRunner)
   testRunner.dumpAsText();
 document.write(result ? "PASS" : "FAIL");
</script>