<div class="wobbly-keyline">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis in neque facilisis fermentum. Maecenas mattis, sem et pellentesque tempus, urna erat imperdiet velit, et iaculis quam libero at nulla. Phasellus tincidunt viverra purus eu eleifend. Vestibulum nunc augue, gravida non ante at, maximus tempor quam.</p>
</div>
.wobbly-keyline {
  margin: 1rem;
  padding: 1rem;
  border: 2px solid transparent;
  border-image-source: image-url('http://localhost:4000/img/posts/wobbly-box--keyline.svg');
  border-image-slice: 50 50 50 50;
  border-image-width: auto;
  border-image-repeat: round;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.