From 9922c9aaec83747b2d6313be51a05974f2429bb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bastien=20ROUCARI=C3=88S?= <roucaries.bastien@gmail.com>
Date: Tue, 15 May 2018 00:16:28 +0200
Subject: Fix html file

Fowarwarde: not needed
---
 test.html | 99 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 51 insertions(+), 48 deletions(-)
diff --git a/test.html b/test.html
index 4d7f3e2..450d217 100644
--- a/test.html
+++ b/test.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
-<html lang="en">
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
+<html lang="en" dir="ltr">
+<head>
+<meta name="viewport" content="width=device-width,initial-scale=1" />
 <title>Normalize CSS: UI tests</title>
-<script src="../../../javascript/html5shiv/html5shiv.min.js"></script>
-<link rel="stylesheet" href="normalize.css">
-<style>
+<script src="../../../javascript/html5shiv/html5shiv.min.js" type="javascript"></script>
+<script src="file:///usr/share/javascript/html5shiv/html5shiv.min.js" type="javascript"></script>
+<link rel="stylesheet" href="normalize.css" />
+<style type="text/css">
   /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
 
   .Test {
@@ -79,7 +80,8 @@
     outline: 1px solid #ADD8E6;
   }
 </style>
-
+</head>
+<body>
 <div class="Test">
   .
 
@@ -139,9 +141,8 @@
     <audio>audio</audio>
     <template>
       <h1>{{title}}</h1>
-      <content></content>
     </template>
-    <p hidden>This should be hidden</p>
+    <p hidden="hidden">This should be hidden</p>
   </div>
 
   <h2 class="Test-describe"><code>a</code></h2>
@@ -218,14 +219,14 @@
   <div class="Test-run">
     <a href="#non">
       <!-- scaled-up 1px image -->
-      <img style="background-color:#ADD8E6" src="" width="100" height="100" id="onepixel1">
+      <img style="background-color:#ADD8E6" src="overwritenbyjs.png" width="100" height="100" id="onepixel1" />
     </a>
   </div>
 
   <h2 class="Test-describe"><code>svg</code></h2>
   <h3 class="Test-it">should not overflow</h3>
   <div class="Test-run Test-run--highlightEl">
-    <svg width="100px" height="100px">
+    <svg width="100" height="100">
       <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
     </svg>
   </div>
@@ -233,9 +234,9 @@
   <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
   <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
   <div class="Test-run">
-    <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
-    <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
-    <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+    <span>span: abcdefghijklmnopqrstuvwxyz.</span><br />
+    <code>code: abcdefghijklmnopqrstuvwxyz.</code><br />
+    <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br />
     <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
     <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
   </div>
@@ -244,32 +245,32 @@
   <h3 class="Test-it">should have margins</h3>
   <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
     <figure>
-      <img style="background-color:#ADD8E6" src="" width="400" height="200" id="onepixel2">
+      <img style="background-color:#ADD8E6" src="overwrittenbyjs.png" width="400" height="200" id="onepixel2" />
     </figure>
   </div>
 
   <h2 class="Test-describe"><code>hr</code></h2>
   <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
   <div class="Test-run" style="">
-    <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+    <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;" />
   </div>
 
   <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
   <h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
   <div class="Test-run" style="font-size: 20px;">
-    <button>button</button><br>
-    <input value="input"><br>
+    <button>button</button><br />
+    <input value="input" /><br />
     <select style="border:1px solid #999;">
       <optgroup label="optgroup">
         <option>option</option>
       </optgroup>
       <option>option</option>
-    </select><br>
-    <textarea>textarea</textarea>
+    </select><br />
+    <textarea cols="30" rows="5">textarea</textarea>
   </div>
   <h3 class="Test-it">should not have margins</h3>
   <div class="Test-run" id="form-collection-margins">
-    <style>
+    <style type="text/css">
       #form-collection-margins {
         outline: 1px solid #ADD8E6;
         overflow: hidden;
@@ -283,20 +284,20 @@
       }
     </style>
     <button>button</button>
-    <input value="input">
+    <input value="input" />
     <select style="border:1px solid #999;">
       <optgroup label="optgroup">
         <option>option</option>
       </optgroup>
       <option>option</option>
     </select>
-    <textarea>textarea</textarea>
+    <textarea cols="30" rows="5">textarea</textarea>
   </div>
 
   <h2 class="Test-describe"><code>button</code></h2>
   <h3 class="Test-it">should have visible overflow</h3>
   <div class="Test-run" id="button-overflow">
-    <style>
+    <style type="text/css">
       #button-overflow button:after {
         content: "";
         background: #ADD8E6;
@@ -320,7 +321,7 @@
   <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
   <h3 class="Test-it">should be styleable</h3>
   <div class="Test-run" id="button-like-style">
-    <style>
+    <style type="text/css">
       #button-like-style button,
       #button-like-style input {
         background: #ADD8E6;
@@ -330,26 +331,26 @@
       }
     </style>
     <p><button>button</button></p>
-    <p><input type="image" src="test.svg" alt="input (image)"></p>
-    <p><input type="button" value="input (button)"></p>
-    <p><input type="file" value="input (file)"></p>
-    <p><input type="reset" value="input (reset)"></p>
-    <p><input type="submit" value="input (submit)"></p>
+    <p><input type="image" src="test.svg" alt="input (image)" /></p>
+    <p><input type="button" value="input (button)" /></p>
+    <p><input type="file" value="input (file)" /></p>
+    <p><input type="reset" value="input (reset)" /></p>
+    <p><input type="submit" value="input (submit)" /></p>
   </div>
 
   <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
   <h3 class="Test-it">should have <code>default</code> cursor style</h3>
   <div class="Test-run">
-    <p><button disabled>button</button></p>
-    <p><input disabled type="button" value="input (button)"></p>
-    <p><input disabled type="reset" value="input (reset)"></p>
-    <p><input disabled type="submit" value="input (submit)"></p>
+    <p><button disabled="disabled">button</button></p>
+    <p><input disabled="disabled" type="button" value="input (button)" /></p>
+    <p><input disabled="disabled" type="reset" value="input (reset)" /></p>
+    <p><input disabled="disabled" type="submit" value="input (submit)" /></p>
   </div>
 
   <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
   <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
   <div class="Test-run" id="button-input-padding">
-    <style>
+    <style type="text/css">
       #button-input-padding button,
       #button-input-padding input {
         border: 0;
@@ -358,9 +359,9 @@
       }
     </style>
     <p><button>button</button></p>
-    <p><input type="button" value="input (button)"></p>
-    <p><input type="reset" value="input (reset)"></p>
-    <p><input type="submit" value="input (submit)"></p>
+    <p><input type="button" value="input (button)" /></p>
+    <p><input type="reset" value="input (reset)" /></p>
+    <p><input type="submit" value="input (submit)" /></p>
   </div>
 
   <h2 class="Test-describe"><code>fieldset</code></h2>
@@ -394,13 +395,13 @@
   <h2 class="Test-describe"><code>textarea</code></h2>
   <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
   <div class="Test-run">
-    <textarea>textarea</textarea>
+    <textarea cols="30" rows="5">textarea</textarea>
   </div>
 
   <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
   <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
   <div class="Test-run Test-run--highlightEl" id="radio-box-model">
-    <style>
+    <style type="text/css">
       #radio-box-model {
         width: 200px;
         border: 1px solid red;
@@ -413,33 +414,33 @@
         position: relative;
       }
     </style>
-    <input type="checkbox">
-    <input type="radio" name="rad">
+    <input type="checkbox" />
+    <input type="radio" name="rad" />
   </div>
   <h3 class="Test-it">should not have padding</h3>
   <div class="Test-run Test-run--highlightEl">
-    <input type="checkbox">
-    <input type="radio" name="rad">
+    <input type="checkbox" />
+    <input type="radio" name="rad" />
   </div>
 
   <h2 class="Test-describe"><code>[type="number"]</code></h2>
   <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
   <div class="Test-run">
-    <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+    <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5" />
   </div>
 
   <h2 class="Test-describe"><code>[type="search"]</code></h2>
   <h3 class="Test-it">should be styleable</h3>
   <div class="Test-run">
-    <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+    <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;" />
   </div>
   <h3 class="Test-it">should reference inherited color</h3>
   <div class="Test-run">
-    <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+    <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;" />
   </div>
 
 </div>
-<script>
+<script type="javascript">
     var canvas = document.createElement('canvas');
     if (!canvas.getContext) G_vmlCanvasManager.initElement(canvas);
 
@@ -454,3 +455,5 @@
     document.getElementById("onepixel1").setAttribute("src",createPixel(255,0,0,0));
     document.getElementById("onepixel2").setAttribute("src",createPixel(255,0,0,0));
 </script>
+</body>
+</html>
