span class="start-tag">style type="text/css"> body { background-color: #80d4ea; } #clock{ height: 100px; width: 800px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-top: 70px; font-family: courier, monospace; text-align: center; color: white; font-size: 50px; } p{ text-align: center; margin-bottom: 0px; } </style> </head> span class="start-tag">body> span class="start-tag">div id='clock'> </div> span class="start-tag">script type="text/javascript" langauge="javascript"> function displayTime() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); // This gets a "handle" to the clock div in our HTML var clockDiv = document.getElementById('clock'); if (seconds < 10) { // Add the "0" digit to the front // so 9 becomes "09" seconds = "0" + seconds; } clockDiv.innerText ="HH:MM:SS\n" +hours + ":" + minutes + ":" + seconds; setTimeout('displayTime()', 1000); } displayTime(); </script> span class="start-tag">p> This is an Educational Purpose Clock. Only Works in Chrome and Internet Explorer. But not work in Mozilla FireFox. span class="start-tag">br> span class="start-tag">strong> Designed By: Double Diamond</strong> </p> </body> </html> <!-- Hey Guys and Girls.... Once again for the smiplicity u can remove all style from this code that is in style tag. To change the assignment you can change variables and funciton name and replace with ur own as u like. you can also change id names of divs. Am not it430's Student. But asuming that u know a little bit about code.