<html>
    <head>
    </head>
	<body>
    <footer>
      <div id="tengah">
        
        <h2>White Elephant Country</h2>
        <p>Negeri Gajah Putih</p>
      </div>
    </footer>
	</body>
</html>
*{
  padding: 0px;
  margin: 0px;
}
body{
  width: 400px;
  margin:auto;
  text-align: center;
  background-color: #CCC;
}
#tengah{
  height: 50px;
  width: 300px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: blue;
  border-top: 10px solid #FFFFFF;
  border-bottom: 10px solid #FFFFFF;
  color: #FFFFFF;
	}
footer{
  height: 200px;
  background-color: red;
  width: 300px;
  margin: 30px auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.