<style>
section {
  width: 50%;
}

div {
  width: inherit;
}

.second-div {
  display: none;
}
</style>

<section>
  <div class="first-div">I am one of two <code>&lt;div></code> elements. You don't see my sibling because they've been hidden with <code>display:none</code>. This page renders as though they do not exist.</div>
  <div class="second-div">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat, similique?</div>
</section>
body {
  margin: 0;
}

div {
  padding: 1.2rem;
}

.first-div {
  color: white;
  background-color: blue;
}

.second-div {
  background-color: yellow;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.