CodePen

HTML

            
              <p class="title"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus expedita est fugit placeat autem eius?</span></p>
            
          
!

CSS

            
              .title {
  font: 36px/1.37 Ubuntu, sans-serif;
  text-transform: uppercase;
  border-left: 0.25rem solid #EE4035;
  span {
    display: inline;
    background: #EE4035;
    color: white; 
    padding: 0.25rem;
  }
}

html,
body {
  background: #ccc;
  text-align: left;
  padding: 3%;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $.fn.mathSpace = function() {
  return $(this).each(function(){
    $(this).children('span').each(function() {
      var el = $(this);
      var text = el.text();
      el.text(
        text.split(' ').join('\u205f')
      ); 
    });
  });
}

$('.title').mathSpace();
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................