<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
    <style>
      .margin{
        margin-left: 20px;
        margin-right: 30px;
        margin-bottom: 50px;
        margin-top:40px;
        background-color: gold;
      }
      .padding
      {
        padding-left: 20px;
        padding-right: 30px;
        padding-top: 40px;
        padding-bottom:50px;
        background-color: red;
      }
    </style>
  </head>
  <body>
      <div class="margin">
        <p>This statement belongs to margin</p>
      </div>
      
      <div class="padding">
        <p>This statement belongs to padding</p>
      </div>
  </body>
</html>

index.html

body{
  padding: 25px;
}
.title {
	color: #5C6AC4;
}

styles.css

function showTime() {
	document.getElementById('currentTime').innerHTML = new Date().toUTCString();
}
showTime();
setInterval(function () {
	showTime();
}, 1000);