CSS right aligned next to text

Question

I need a h2 that has a heavy stroke to the right of it. Like so:

Answer 1

Here you go with a fully responsive solution.

WORKING DEMO

The HTML:

Who we are
 

The CSS:

.red{
background:#ff0000;
position:relative;
margin-top:-17px;
height:5px;
z-index:-1;
}

.title{
background:#ffffff;
display:inline;
padding-right:20px;
}

Hope this helps.

PS: You can change the margin/padding accordingly to match your needs as well as media query requirements.