Cacher is the code snippet organizer for pro developers

{"view":"split-vertical","fontsize":"140","seethrough":"","prefixfree":"1","page":"css"}

// alert('Hello world!');

<div class="sidebar">
  <div class="widget">
    Widget A
    <div class="other">
      <div class="widget">
        Widget B
      </div>
    </div>
  </div>
</div>

body {
  padding: 100px;
  font-size: 18px;
}
.widget {
  padding: 1em;
}

.sidebar > .widget {
  border: 1px solid skyblue;
}