<html>
  <body>
    <div class = "container">
      <div class = "div">
        <h1>Brazil</h1>
        <p>Brazil is in South America</p>
      </div> <br>
      <div class= "div">
        <h1>Germany</h1>
        <p>Germany is in Europe</p>
      </div> <br>
      <div class = "div">
        <h1>India</h1>
        <p>India is in Asia</p>
      </div>
    </div>
  </body>
.div {
  border-width: 2px;
  border-color: green;
  border-style: solid;
  margin: 10px;
  display: inline-block;
  text-align: center;
  background-color: pink
}
.container {
  text-align: center
}

h1 {color: white}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.