Cacher is the code snippet organizer for pro developers

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

// alert('Hello world!');

<div class="widget">
  <h2 class="widget-title">Title</h2>
  <p class="widget-body">Blah Blah Blah.</p>
</div>

<div class="widget">
  <h3 class="widget-title">Link list</h3>
  <ul class="widget-body">
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  </ul>
</div>

.widget {
  border: 1px solid skyblue;
  margin-bottom: 20px;
}
.widget-title {
  padding: 10px;
  background-color: skyblue;
}
.widget-body {
  padding: 10px;
  font-size: 14px;
}














/* ---- for demo --- */
* {
  margin-top: 0;
  margin-bottom: 0;
}

body {
  padding: 50px;
}

li {
  margin-left: 1em;
}