Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><code>float</code> the element containing the paragraph, <code>float: left</code> the content, and <code>float: right</code> the last line. The floated container will be as wide as the whole paragraph, so right-floating the last line will cause its right edge to line up with the right edge of the preceding text.</p> <p>Example:</p> <pre><code>&lt;div style="float: left"&gt; &lt;span style="float: left"&gt; Once upon a midnight dreary, while I pondered, weak and weary,&lt;br/&gt; Over many a quaint and curious volume of forgotten lore,&lt;br/&gt; While I nodded, nearly napping, suddenly there came a tapping,&lt;br/&gt; As of some one gently rapping, rapping at my chamber door.&lt;br/&gt; "'T is some visiter," I muttered, "tapping at my chamber door—&lt;br/&gt; &lt;/span&gt; &lt;span style="float: right; clear: left"&gt;Only this, and nothing more."&lt;/span&gt; &lt;/div&gt; </code></pre> <p>If you need the whole thing to be centred within <em>its</em> parent container, you can set the topmost to <code>text-align: center</code> and use <code>display: inline-block</code> for the text container. I don't think you need to float it if you use this method:</p> <pre><code>&lt;div style="text-align: center"&gt; &lt;div style="display: inline-block; text-align: left"&gt; &lt;span style="float: left"&gt; Once upon a midnight dreary, while I pondered, weak and weary,&lt;br/&gt; Over many a quaint and curious volume of forgotten lore,&lt;br/&gt; While I nodded, nearly napping, suddenly there came a tapping,&lt;br/&gt; As of some one gently rapping, rapping at my chamber door.&lt;br/&gt; "'T is some visiter," I muttered, "tapping at my chamber door—&lt;br/&gt; &lt;/span&gt; &lt;span style="float: right; clear: both"&gt;Only this, and nothing more."&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload