index.html in bitters-1.2.0

- old
+ new

@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Have fun ♥️</title>
     <link rel="stylesheet" href="styles.css">
   </head>
   <body>
@@ -67,30 +67,18 @@
         <dt>Definition Term Title 2</dt>
         <dd>Definition term description</dd>
         <dt>Definition Term Title 3</dt>
         <dd>Definition term description</dd>
       </dl>
-      <h2><code>%default-ol</code> Ordered List</h2>
-      <ol class="default-ol">
-        <li>List Item 1</li>
-        <li>List Item 2</li>
-        <li>List Item 3</li>
-      </ol>
-      <h2><code>%default-ul</code> Unordered List</h2>
-      <ul class="default-ul">
-        <li>List Item 1</li>
-        <li>List Item 2</li>
-        <li>List Item 3</li>
-      </ul>
       <hr>
       <form>
-        <label for="text_field">Text Field</label>
-        <input id="text_field" type="text">
-        <label for="text_field">Disabled Text Field</label>
-        <input id="text_field" type="text" disabled>
-        <label for="text_area">Text Area</label>
-        <textarea id="text_area"></textarea>
+        <label for="text-field">Text Field</label>
+        <input id="text-field" type="text">
+        <label for="disabled-text-field">Disabled Text Field</label>
+        <input id="disabled-text-field" type="text" disabled>
+        <label for="text-area">Text Area</label>
+        <textarea id="text-area"></textarea>
         <label for="password">Password</label>
         <input id="password" type="password">
         <label for="search">Search</label>
         <input id="search" type="search">
         <label for="file">File Input</label>
@@ -106,59 +94,51 @@
             <option value="1">Option 1</option>
             <option value="2">Option 2</option>
             <option value="3">Option 3</option>
           </optgroup>
         </select>
-        <label for="select_multiple">Select Multiple</label>
-        <select id="select_multiple" multiple>
+        <label for="select-multiple">Select Multiple</label>
+        <select id="select-multiple" multiple>
           <option value="1">Option 1</option>
           <option value="2">Option 2</option>
           <option value="3">Option 3</option>
         </select>
         <fieldset>
           <legend>Fieldset</legend>
-          <label for="first_name">First Name</label>
-          <input type="text" id="first_name" placeholder="Bill">
-          <label for="last_name">Last Name</label>
-          <input type="text" id="last_name" placeholder="Murray">
+          <label for="first-name">First Name</label>
+          <input type="text" id="first-name" placeholder="Bill">
+          <label for="last-name">Last Name</label>
+          <input type="text" id="last-name" placeholder="Murray">
         </fieldset>
         <fieldset>
-          <legend>Fieldset</legend>
-          <label for="radio_buttons">Radio Buttons</label>
+          <legend>Radio Fieldset</legend>
           <label>
-            <input type="radio" value="radio_1">
-            Radio 1
+            <input type="radio" name="radio-buttons" value="radio-1"> Radio 1
           </label>
           <label>
-            <input type="radio" value="radio_2">
-            Radio 2
+            <input type="radio" name="radio-buttons" value="radio-2"> Radio 2
           </label>
           <label>
-            <input type="radio" value="radio_3">
-            Radio 3
+            <input type="radio" name="radio-buttons" value="radio-3"> Radio 3
           </label>
         </fieldset>
         <fieldset>
-          <legend>Fieldset</legend>
-          <label for="checkboxes">Checkboxes</label>
+          <legend>Checkbox Fieldset</legend>
           <label>
-            <input type="checkbox" value="check_1" checked>
-            Checkbox 1
+            <input type="checkbox" name="checkboxes" value="check-1" checked> Checkbox 1
           </label>
           <label>
-            <input type="checkbox" value="check_2">
-            Checkbox 2
+            <input type="checkbox" name="checkboxes" value="check-2"> Checkbox 2
           </label>
           <label>
-            <input type="checkbox" value="check_3">
-            Checkbox 3
+            <input type="checkbox" name="checkboxes" value="check-3"> Checkbox 3
           </label>
         </fieldset>
         <input type="submit" value="Submit">
         <input type="submit" value="Disabled" disabled>
       </form>
       <hr>
-      <table cellspacing="0" cellpadding="0">
+      <table>
         <tr>
           <th>Table Header 1</th>
           <th>Table Header 2</th>
           <th>Table Header 3</th>
         </tr>