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: 4em auto; 
    max-width: 700px; 
	color: #000; 
	text-align: left; 
	} 
 
pre, p, ol, ul { 
			    margin-bottom: 2em 0; 
			    } 
 ul, ol { 
       padding-left: 2em 
       }
 div{
	  border: 1px solid;
	}
 .cont{
	  display: flex;
	  flex-wrap: wrap;
	}
 .icon{
	  flex: 1;
	  background: #333;
	}
 .links{
	  flex: 4;
	  background: #555;
	}
 .section-text{
	  flex: 1 0 100%;
	  background: #999;
	}
   </style>
  <script type="text/javascript" charset="utf-8">
 
  </script>
 </head>
 
 <body>
 
 <div class="cont">
 	<div class="icon">iaculis</div>
	<div class="links">Mauris</div>
	<div class="section-text"> <p>Curabitur viverra.   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.</p>

<p>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.</p></div>
 </div>
</body>
</html>

Input

HTML
CSS
ECMAScript
  • Validate:

Output