title: How to insert <details> in one line with a sentence
body: <p>I have few sentences. In end of first sentence (in this line), I want add the spoiler which will be keep other part of story. I am try do it, but when  clicked on the  More.. -  my text jumping to the next line. I need continue text in one line with  More... Please do not tell me about any scripts, I want use HTML + CSS only. Thanks.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>details {
    display: inline-block;
  }
  summary {
    display: inline-block;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;blockquote&gt;
    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
    &lt;details&gt;
      &lt;summary&gt;
        More..
      &lt;/summary&gt;
      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    &lt;/details&gt;
  &lt;/blockquote&gt;</code></pre>
  </div>
  </div>
  </p>