<div class="container-box">
  This text is directly inside the parent <code>div</code> element.
  <p>This is the first paragraph of our container.</p>
  <p>The second paragraph contains a link to <a href="http://en.wikipedia.org/">WikiPedia</a>, the free encyclopedia.</p>
  <p>I have also included a link to SitePoint as a direct child of the containing <code>div</code> element.</p>
  <a href="https://www.sitepoint.com/">A link to SitePoint.</a>
</div>
body {
  font-family: 'Lato';
  margin: 50px 20px;
}

.container-box {
  border: 1px solid black;
  padding: 10px;
  background: wheat;
}

div {
  margin-bottom: 80px;
}

div {
  font-size: 20px;
}

code {
  font-size: 18px;
}

p, a {
  font-size: 22px;
}

Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.