<html> <head> <style> body{ border-top:20px solid pink; padding:10px; line-height:24px; font-family:arial; } p{ color:black; } a{ color:brown; background-color:lightblue; } h1{ padding:0px; margin:0; color:brown; } #left{ width:45%; float:left; padding:15px; margin-bottom:10px; } #footer{ background-color:pink; text-align:center; margin-top:px; padding:10px; clear:both; } #right{ width:45%; float:right; border-left:1px solid black; padding:15px; } </style> </head> <body> <div id="left"> <h1>What's in this editor?</h1> <p>Write HTML, CSS, Javascript code in this textbox. You can see the results in the output box below, as you type! (<a href="http://www.w3schools.com" target="_blank" >Visit w3schools for tutorials</a>)</p> <p>- s h r s v :-)</p> </div> <div id="right">Once you learn to use TryitEditor, you won't leave it. And it's good for you that there is nothing new to learn in order to use this tool. You just type HTML, CSS, javascript in the upper box and as you type you see the results in the box below. What really helps you is that instant preview, especially for CSS. Color combinations, layout decisions become much more easier when you use this tool. See the fun by trying! Good day! </div> <div id="footer">Webpage created by shrsv :)</div> </body> </html>
