Align H1 Header and Normal Text in Same Line

Question

I\'m trying to have a H1 header and regular text on the same line, with a line under it, like so:

Answer 1

I came up with a simple solution. My requirements are slightly different in that I want my status right aligned.

HTML

    
Title
    Status

CSS

.my-header h2 { 
  display: inline;
}
.my-header span { 
  float: right;
}

Example

Check out this plunk.