How to add a button just after the first line in a paragraph of text
<p>I want to have a paragraph where first line will have different font to appear as a title. Just after that text when first line ends I want to have a button to expand the whole message.</p>

<p>I am title <strong>BUTTON</strong><br>
This is detailed message which has more width than the first line. I hope you see what I am trying to achieve.</p>

<pre><code>&lt;p&gt;
    I am title.
    This is detailed message which has more width than the first line. I hope you see what I am trying to achieve.
&lt;/p&gt;

p::first-line::after {
  content: "BOTTON"
}
</code></pre>