CodePen

HTML

            
              <h1 class="padded-multiline">
  <span>How do I add padding to subsequent lines of an inline text element?</span>
</h1>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .padded-multiline { 
  line-height: 1.4; 
  padding: 2px 0; 
  width: 400px;
  margin: 20px auto;
}
.padded-multiline span { 
  background-color: #c0c;
  color: #fff; 
  display: inline;
  padding: 0.45rem;
  
  /* Needs prefixing */
  box-decoration-break: clone;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................