CodePen

HTML

            
              <img src="http://ebmedia.eventbrite.com/s3-s3/eventlogos/728409/696863337.png">

  <h2>h2 background behind image, text in front?</h2>

<img src="http://ebmedia.eventbrite.com/s3-s3/eventlogos/728409/696863337.png">

<h3>This h3 tag is all in front of the image?</h3>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              h2 {
  background: salmon;
  color: #fff;
  margin-top: -60px;
  padding: 5px 25px;
  width: 450px;
}

h3 {
  background: salmon;
  color: #fff;
  margin-top: -50px;
  padding: 5px 25px;
  position: relative;
  width: 400px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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