<h1>
  Break right after this and <span>before this</span>
</h1>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);

h1 {
  &::after {
    content: "\00a0";
    display: block;
  }
  span {
    position: absolute;
    background: black;
    padding: 1px 8px;
    display: block;
  }
}


body {
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
}

h1 {text-align:center;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.6;
  background: #eee;
  padding: 20px;
  margin: 5px 0 25px 0;
}
h1 span {
  color: white;
  font-weight: 900;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.