Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Markdown three ellipses between paragraphs

I'm wanting to get this effect where one paragraph ends. Then centered on a line by itself are three ellipses '. . .' then the new paragraph starts on the next line.

There is an example of this on Daringfireball it looks exactly like the image below. Notice the three dots in the center of the image!

enter image description here

The Markdown to accomplish this can be viewed like the screen shot says and it looks like this * * * however when I do that it puts an html


hard rule across the whole page. Looking at the Markdown docs this seems like normal behavior so how did John get that to show up like that? Here is what the code behind the scenes looks like.

enter image description here

It looks like you can just add * * * to a line on its own? You would not believe how many people care about truncating a sentence at the en..... I've spent 25 minutes trying to search for such a simple thing I'm almost laughing at how pathetic it is. I'm simply wanting to add three ellipses centered on there own line using Markdown. Possible? I'm starting to think not? Or is this only accomplished with HTML and CSS. I've been told these three dots signals a passage of time when its done in novels which is exactly what I would want to use it for. Anyone can help it would be great.

like image 310
Robert Avatar asked Mar 22 '26 23:03

Robert


1 Answers

If you check the CSS (here and here) for that page, you'll see that he used the following syles to get the effect:

hr {
    height: 1px;
    margin: 2em 1em 4em 0;
    text-align: center;
    border-color: #777;
    border-width: 0;
    border-style: dotted;
}


.article hr:after {
    content: "···";
    letter-spacing: 2em;
}
like image 110
Waylan Avatar answered Mar 24 '26 21:03

Waylan



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!