<div class="container">
  <p>This is the parent container.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt aperiam neque velit, facere, pariatur fuga. Deserunt consectetur deleniti doloribus voluptatum voluptatibus, ex sunt, fugiat enim, vero ipsa dignissimos. Ullam, expedita!</p>
  <div class="element">
    <p>This is the child container.</p>

    <p> <img src="http://tympanus.net/codrops-playground/assets/images/cssref/properties/all/trees.jpg" alt="Trees."> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore repudiandae temporibus praesentium dicta, eligendi quidem quam odio quaerat sequi possimus nemo veniam, magni, libero aperiam voluptas quasi sit vel assumenda!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, incidunt distinctio, aliquid iusto modi velit debitis magni a ipsa rem, reprehenderit aperiam veritatis perspiciatis minus repellendus quos atque dicta ipsam.</p>
  </div>
</div>
* { box-sizing: border-box; }
html { margin: 0; }

body {
  background-color: #c0c2d4;
  color: #555;
  font-size: 1.1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
  margin: 40px auto;
  width: 90%;
  background-color: white;
  color: #6b5750;
  padding: 2em;
  border: 5px solid #ddd;
}

.container img {
  display: block;
  max-width: 100%;
}

.element {
  padding: 1em;
  background-color: #222;
  color: #fff;
  /* change the value of the all property here */
  /* all: inherit; */
}

.element img {
  display: block;
  margin: .5em 0;
  /* change the value of the all property here */
  /* all: initial; */
}