From 77049835fe49aa06c93868a2f027ab904bc2f106 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Sat, 13 Aug 2022 19:52:31 +0100
Subject: [PATCH] Tweak README example markup

---
 README.md | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)
diff --git a/README.md b/README.md
index 9512d62..3590f01 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@ Add the following to your head tag:
 Here's some starter code to help you get started:
 ```html
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <title>System.css Starter</title>
     <meta charset="UTF-8" />
@@ -51,13 +51,12 @@ Here's some starter code to help you get started:
         
         <div class="modeless-dialog">
             <section class="field-row" style="justify-content: flex-start">
-            <p class="modeless-text">Find:</p>
-            <input type="text" style="width:100%;" placeholder=""/>
-        
+                <label for="text_find" class="modeless-text">Find:</label>
+                <input id="text_find" type="text" style="width:100%;" placeholder="">
             </section>
             <section class="field-row" style="justify-content: flex-end">
-            <button class="btn">Cancel</button>
-            <button class="btn" style="width:95px;">Find</button>
+                <button class="btn">Cancel</button>
+                <button class="btn" style="width:95px;">Find</button>
             </section>
         </div>
         </div>
