From 3ba002f2b67a7fddd59b04f8ffd669421c724ea2 Mon Sep 17 00:00:00 2001
From: Eme-rald <36796567+Eme-rald@users.noreply.github.com>
Date: Mon, 26 Nov 2018 02:17:27 -0800
Subject: [PATCH] Made code more clear + Added Image (#22763)

---
 guide/english/html/html-forms/index.md | 32 +++++++++++++++-----------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/guide/english/html/html-forms/index.md b/guide/english/html/html-forms/index.md
index 6758391dd5..515c52a7b6 100644
--- a/guide/english/html/html-forms/index.md
+++ b/guide/english/html/html-forms/index.md
@@ -34,24 +34,30 @@ Form contains control elements which are wrapped around ```<form></form>``` tags
 Code example:
 ```html
 <form>
-    <label for="username">Username:</label>
-    <input type="text" name="username" id="username">
-    <label for="password">Password:</label>
-    <input type="password" name="password" id="password">
-    <input type="radio" name="gender" value="male">Male<br>
-    <input type="radio" name="gender" value="female">Female<br>
-    <input type="radio" name="gender" value="other">Other
-    <input list="Options">
-    <datalist id="Options">
+   <label for="username">Username:</label>
+   <input type="text" name="username" id="username">
+   <br>
+   <label for="password">Password:</label>
+   <input type="password" name="password" id="password">
+   <br>
+   <input type="radio" name="gender" value="male">Male<br>
+   <input type="radio" name="gender" value="female">Female<br>
+   <input type="radio" name="gender" value="other">Other
+   <input list="Options">
+   <datalist id="Options">
       <option value="Option1">
       <option value="Option2">
       <option value="Option3">
-    </datalist> 
-    <input type="submit" value="Submit">
-    <input type="color">
-    <input type="checkbox" name="correct" value="correct">Correct
+   </datalist>
+   <br>
+   <input type="color">
+   <br>
+   <input type="checkbox" name="correct" value="correct">Correct
+   <br>
+   <input type="submit" value="Submit">
 </form>
 ```
+![Screenshot of Code Above](https://i.imgur.com/r0br52L.png "Screenshot of Code Above")
 
 Other elements that form can contain: