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

There are two methods to accomplish H1 and TEXT inline. To clarify, TXT is in an element container. You suggest DIV, but any symantic element will do. Below, h1 and p illustrate a common use, while showing that you need not hide from element blocking, using DIV's (though divs are pandemic for many javascript coders).

Method 1

.inline { display: inline; float: left; padding-right: 2rem; }
Element a's link family...

Method 2

h5 { display: inline-block; float: left; font-size: 1rem; line-height: 1rem; margin-right: 2rem; }
h5>p { display: inline-block; float: right; }
Title
Paragraph