CodePen

HTML

            
              <div class="version-1">
  <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum enim provident sed amet a excepturi quisquam recusandae quis optio nisi odio vel expedita placeat hic maiores consequuntur ullam numquam mollitia?
    
  </p>
</div>

<div class="version-2">
  <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum enim provident sed amet a excepturi quisquam recusandae quis optio nisi odio vel expedita placeat hic maiores consequuntur ullam numquam mollitia?
    
  </p>
</div>
            
          
!
via HTML Inspector

CSS

            
              div {
  width:960px;
  margin:25px auto;
  border:1px solid lightgrey;
  padding:5px;
}

.version-1:before {
  content:"Before Text";
  font-weight:bold;
  color:red;
}

.version-2:after {
  content:"After Text";
  font-weight:bold;
  color:red;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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