如何在文本段落的第一行之后添加一个按钮

Question

我想要一个段落，其中第一行将有不同的字体显示为标题。在第一行结束的文本之后，我想要一个按钮来展开整个消息。

我是头衔 BUTTON
这是详细消息，其宽度大于第一行。我希望你能看到我想要实现的目标。

Run

Answer 1

请提交一些代码。这有点不清楚。

但我认为你需要这个：

p::first-line { 
     --your css--
}

Answer 2

<h1 style="display:inline-block">I am title</h1>    <button  style="display:inline-block"  onclick="showDetails()">Button</button>
<p id="details" style="display:none">this is details which has more width that the first line</p>
<script>

   function showDetails(){
      document.getElementById("details").style.display = "block";
   }
</script>