Webpage test

This tool allows you to quickly test the appearance and functionality of webpage source, and to temporarily save it for others to see. Please be respectful of our bandwidth.

Highlighted source

If you see something with a dashed underline, hover your mouse over it to see an explanation.

Although this highlighter attempts to detect some errors, it isn't meant to be a full validator. It is possible that some errors are overlooked, and it is possible that some valid content is incorrectly marked as an error.

HTML

<!DOCTYPE HTML>
<html>
<head><title>TITLE HERE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


  <style type="text/css" media="all">
   * {
		margin: 0;
		padding: 0
	}

body { 
	margin: 0 auto; 
    max-width: 700px; 
	color: #000; 
	text-align: left; 
	} 
 
pre, p, ol, ul { 
			    margin: 2em 0; 
			    } 
 ul, ol { 
       padding-left: 2em 
       }
 main{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  min-height: 100vh;
	  border: 1px dashed #333;
	}
 .r{
	  flex: 4;
	  margin-left: 1em;
	  border: 3px solid #333;
	}
 .l{
	  background: #999;
	  height: 100vh;
	}
   </style>
  <script type="text/javascript" charset="utf-8">
 
  </script>
 </head>
 
 <body>
 <main>
 <div class="l"><ul>
   <li>litora torquent  </li>
   <li>hymenaeos  </li>
   <li>massa magna  </li>
</ul>
<ul>
   <li>Vivamus nisl  </li>
   <li>Maecenas quis  </li>
   <li>ornare metus  </li>
 </ul>
<ul>
   <li>consectetuer  </li>
   <li>interdum  </li>
   <li>dignissim  </li>
 </ul>
  </div>
 
 <div class="r"> Sed non eros. Donec a elit. Cras lacus orci, convallis vitae, congue sit amet, gravida id, justo. Nunc rhoncus diam sit amet nulla. Quisque venenatis dui eu massa. Sed ultricies. Aliquam dignissim nibh nec nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec erat libero, egestas sit amet, elementum luctus, commodo eu, risus.

Aenean ut lorem et leo porta luctus. In vitae magna vitae lectus tempus ultrices. Aenean accumsan nonummy nibh. Sed eu velit. Proin nulla orci, faucibus sollicitudin, interdum ac, hendrerit sit amet, dui. Quisque vulputate scelerisque eros. Sed in dui quis libero liberoCurabitur viverra. Mauris iaculis risus non pede luctus fermentum. Praesent in risus sit amet magna sollicitudin tempus. In hac habitasse platea dictumst. Phasellus id leo. Quisque mi mauris, ultrices ac, porttitor vitae, vestibulum pulvinar, metus. Pellentesque neque. Etiam nulla. Quisque odio odio, congue ut, lobortis nec, bibendum eu, velit.

Duis ultricies, leo non aliquam gravida, augue orci eleifend risus, vitae pretium nunc lorem eu dolor. Sed viverra magna ac velit. Phasellus varius enim non risus. Sed sapien pede, elementum a, lacinia non, condimentum ut, nulla. Aliquam eget eros. Donec nulla. Etiam varius, mauris nonummy posuere pellentesque, purus diam tristique magna.</div>
</main>
</body>
</html>

Input

HTML
CSS
ECMAScript
  • Validate:

Output