diff --git a/test.html b/test.html
index ce48d99..71cc7fd 100644
--- a/test.html
+++ b/test.html
@@ -53,7 +53,7 @@
         </nav>
 
         <main role="main">
-            <section id="textSection">
+            <section id="text">
                 <header><h1>Text</h1></header>
 
                 <article id="text__headings">
@@ -90,7 +90,7 @@
                         <blockquote>
                             <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
                             <p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
-                            <cite><a href="#">Said no one, ever.</a></cite>
+                            <cite><a href="#!">Said no one, ever.</a></cite>
                         </blockquote>
                     </div>
 
@@ -205,8 +205,7 @@
 
                         <h2>Pre-formatted text</h2>
 
-                        <pre>
-P R E F O R M A T T E D T E X T
+                        <pre>P R E F O R M A T T E D T E X T
 ! " # $ % &amp; ' ( ) * + , - . /
 0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
 @ A B C D E F G H I J K L M N O
@@ -222,7 +221,7 @@ p q r s t u v w x y z { | } ~ </pre>
                     <header><h1>Inline elements</h1></header>
 
                     <div>
-                        <p><a href="#">This is a text link</a>.</p>
+                        <p><a href="#!">This is a text link</a>.</p>
 
                         <p><strong>Strong is used to indicate strong importance.</strong></p>
 
@@ -327,40 +326,40 @@ p q r s t u v w x y z { | } ~ </pre>
                         <legend>Text fields</legend>
 
                         <p>
-                            <label for="text">Text Input <abbr title="Required">*</abbr></label>
-                            <input id="text" type="text" placeholder="Text Input">
+                            <label for="input__text">Text Input <abbr title="Required">*</abbr></label>
+                            <input id="input__text" type="text" placeholder="Text Input">
                         </p>
                         <p>
-                            <label for="password">Password</label>
-                            <input id="password" type="password" placeholder="Type your Password">
+                            <label for="input__password">Password</label>
+                            <input id="input__password" type="password" placeholder="Type your Password">
                         </p>
                         <p>
-                            <label for="webaddress">Web Address</label>
-                            <input id="webaddress" type="url" placeholder="http://yoursite.com">
+                            <label for="input__webaddress">Web Address</label>
+                            <input id="input__webaddress" type="url" placeholder="http://yoursite.com">
                         </p>
                         <p>
-                            <label for="emailaddress">Email Address</label>
-                            <input id="emailaddress" type="email" placeholder="name@email.com">
+                            <label for="input__emailaddress">Email Address</label>
+                            <input id="input__emailaddress" type="email" placeholder="name@email.com">
                         </p>
                         <p>
-                            <label for="search">Search</label>
-                            <input id="search" type="search" placeholder="Enter Search Term">
+                            <label for="input__search">Search</label>
+                            <input id="input__search" type="search" placeholder="Enter Search Term">
                         </p>
                         <p>
-                            <label for="text2">Number Input <abbr title="Required">*</abbr></label>
-                            <input id="text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
+                            <label for="input__text2">Number Input <abbr title="Required">*</abbr></label>
+                            <input id="input__text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
                         </p>
                         <p>
-                            <label for="textarea">Textarea</label>
-                            <textarea id="textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
+                            <label for="input__textarea">Textarea</label>
+                            <textarea id="input__textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
                         </p>
                         <p>
-                            <label class="error">Error</label>
-                            <input class="is-error" type="text" placeholder="Text Input">
+                            <label for="input__text3" class="error">Error</label>
+                            <input id="input__text3" class="is-error" type="text" placeholder="Text Input">
                         </p>
                         <p>
-                            <label class="valid">Valid</label>
-                            <input class="is-valid" type="text" placeholder="Text Input">
+                            <label for="input__text4" class="valid">Valid</label>
+                            <input id="input__text4" class="is-valid" type="text" placeholder="Text Input">
                         </p>
                     </fieldset>