Try It Yourself: HTML Layouts

HTML Code

<!DOCTYPE html>
<html>
<head>
  <title>HTML Layouts</title>
  <meta charset="UTF-8">
</head>
<body>

<style>
.topics {
  background-color: lightblue;
  margin: 15px;
  padding: 15px;
} 
</style>

<div class="topics">
  <h3>HTML</h3>
  <p>HTML is the backbone structure of a web page.</p>
</div>

<div class="topics">
  <h3>CSS</h3>
  <p>CSS deals with the overall appearance of the web page.</p>
</div>

<div class="topics">
  <h3>Javascript</h3>
  <p>Javascript adds effects to make the page more appealing.</p>
</div>

</body>
</html>

CSS Code

/* Write your CSS here */

HTML Layouts - Playground