Any URL's added here will be added as
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
<article> <h3>Sizing the Tombstone</h3> <p>The height of the tombstone should be about the <em>cap height</em> of the body typeface. If the typeface has particularly short ascenders compared to the cap height, you might consider matching their height. Style rules will change depending on your typeface.</p> </article> <article> <h3>Placing the Tombstone</h3> <p>Since the tombstone signifies the end, it should appear after your final paragraph. Let it rest on the baseline, just like any character.</p> </article> <article> <h3>Spacing the Tombstone</h3> <p>If space is available, the tombstone should appear against the right margin of the paragraph. If not, it should appear on the next line. Give at least one space of width between it and the end of the text. It looks best when the text is justified.</p> </article>
article > p:last-of-type::after border: 1px solid currentColor content: '' float: right display: block position: relative // To be changed based on typeface height: 0.625em margin-left: 0.25em top: 0.15em width: 0.625em // Base styles for demonstration. body background-color: #eee font-size: 16px line-height: 1.25 article margin: 2em auto max-width: 20em padding: 0 1em text-align: justify
Also see: Tab Triggers