Css3 Editor Online|Visual Css & Html5 Editor

This is a simple advanced visual css3 and html5 editor, for editing and previewing css styles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.button2 {
	-moz-box-shadow:inset 0px 1px 5px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 5px 0px #e184f3;
	box-shadow:inset 0px 1px 5px 0px #e184f3;
	background-color:#c123de;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:5px solid #a511c0;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:18px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #9b14b3;
}.button2:hover {
	background-color:#a20dbd;
}.button2:active {
	position:relative;
	top:1px;
}

/* This imageless css button was generated by cssbutoncode.com */
</style>
</head>

<body>

<p>
<a href="#" class="button2">Real-time Editor</a>
</p>

<p> <font color="blue"><h2>wysiwyg css editor online</h2> </font> </p>
<p> Edit this message and type on this place, it will automatically show below.</p>
<p> This is a css & html5 editing tool </p>

<p style="font-weight:bold;color:red;font-size:18px;"> If you copy html code, on this clipboard, press enter </p>
</p>

</body>
</html>

Visual Css3 Editor