From 4cc4252230b42d45d4333f693c2c588a63609075 Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Tue, 21 Jun 2016 08:23:26 -0700
Subject: [PATCH] Change HTML style guide. Specify that the opening tag's
 closing bracket goes on its own line.

---
 style_guides/html_style_guide.md | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/style_guides/html_style_guide.md b/style_guides/html_style_guide.md
index 59700cc3f8b0e..01406c670616e 100644
--- a/style_guides/html_style_guide.md
+++ b/style_guides/html_style_guide.md
@@ -3,16 +3,26 @@
 
 ## Multiple attribute values
 
-When a node has multiple attributes that would cause it to exceed the 80-character line limit, each attribute including the first should be on its own line with a single indent. Also, when a node that is styled in this way has child nodes, there should be a blank line between the opening parent tag and the first child tag.
+When a node has multiple attributes, each attribute including the first should be on its own line with a single indent.
+
+The closing bracket should be on its own line. This allows attributes to be shuffled and edited without having to move the bracket around. It also makes it easier to scan vertically and match opening and closing brackets.
 
 ```
-<ul
+<div
   attribute1="value1"
   attribute2="value2"
-  attribute3="value3">
+  attribute3="value3"
+>
+  Hello
+</div>
+```
+
+If the node doesn't have child notes, add the closing tag on the same line as the opening tag's closing bracket.
 
-  <li></li>
-  <li></li>
-  ...
-</ul>
 ```
+<div
+  attribute1="value1"
+  attribute2="value2"
+  attribute3="value3"
+></div>
+```
\ No newline at end of file