Two spaces after every full stop in paragraph using CSS?

html double space after period
sentence spacing in html
space between phrases css
html space between words on same line
what should you do to leave three blank spaces in text flow
html double space between sentences
html code for space between sentences
html triple space

How do I put two spaces after every full stop in a paragraph using CSS?

Ah, the old "two-spaces-after-a-period" meme rears its ugly head again.

Two spaces after a period is something that pertains to the typewriter world, or the monospaced font world. We moved beyond it long ago, starting with TeX or even before. The point is not to have one or two space characters after a period, but to have a pleasing amount of space there. Algorithms like TeX go to great length to do so. The algorithms in modern web browsers are still primitive by comparison, but are starting to do better. Consider the following:

You'll see that the space after the period is (slightly) greater than the inter-word space, as it should be.

What about the case of justification? You'd hope the browser would put the extra space between sentences, in preference to putting it between words. And that's what happens:

Anyway, so you want more fine-grained control, to realize your own typographical vision on your web pages. The following has four   characters between the sentences:

You could also use spaces of different widths from Unicode to get just the amount of space you want (see Wikipedia article).

So is there any way to do this automatically? CSS has a word-spacing property, but no sentence-spacing property (actually, it's not that easy to figure out what a "sentence" is, even in English, and less so in other languages). Of course, putting more spaces in your HTML is not going to do a thing, since HTML treats any run of white space as a single space. So you're going to have to write some code, or find a plug-in, which traverses the text in your page and inserts markup. Or, add a plug-in or something to your CMS to spit out code which is marked up appropriately. Your alternatives for doing so are:

  1. Add   or a combination of different-width Unicode spaces.
  2. As another poster suggested, use span tags with margin.
  3. As a variant on the above, use a <span class="sentence"> element, with a CSS rules like .sentence::after { content: "\2002"; }, where 2002 is the "en-space". This results in:

However, the bottom line is that the web is not a typographical environment, notwithstanding the many worthy efforts to nudge it in that direction. Depending on your goals, you might consider creating your documents in a high-end document preparation environment, and publishing them as PDFs, for example.

Double-space after period - Get Started, This is true no matter how many spaces you type. first and then the   you can end up with a space at the beginning of the line after it wraps. Then you can use CSS to control the spacing between your sentences in a much more 1/​3 em and 1/2 em (but sometimes less, and sometimes even more, up to 1 full em)​. In the beginning, the rules of space bar were simple. Two spaces after each full stop. Every time. Easy. That made sense in the age of the typewriter. Letters of uniform width looked cramped

You could put your full stop in a span-tag and give it some CSS attributes, like "margin-right: 5px;", if it's only the appearance you are looking for.

Sentence Spacing in HTML and CSS, Two spaces after a period at the end of a sentence started when the typewriter replaced hand set printing presses. When type was set by hand the spacing was​  In addition, if you are not familiar with how CSS handles margins for adjacent paragraphs, I should also explain that the above rules do not mean that you get a space of 2em between them, where the bottom margin of the first paragraph gets added to the top margin of the second. Instead, the margins overlap each other (or "collapse" in technical parlance), leaving behind a distance that is equal to the larger of the two.

Can only be done if you put your full stop to a tag, like <span>. For example :

www<span>.</span>google<span>.</span>com

Then the css is :

span:after{
   content : "  "; /*two spaces*/
}

Typesetting two spaces after the period, Try reading a paragraph in a piece of technical literature where the Two spaces after a period does NOT improve readability; it creates rivers of up to date with the latest innovations regarding CSS coding for example. But instead of an em-space, typists simply used two normal spaces. This was where the ‘gappy’ look came in: two normal spaces are wider than one em. By about 1950, most house styles had dropped the double space and agreed to use a single space in all instances.

The two spaces concept after a sentence is not "ugly" - in fact, it's just the opposite. Because of modern font kerning as well as the variety of fonts that Web browsers now support, it's sometimes very difficult to determine if a sentence has ended or if there is simply a word that is abbreviated that requires a period, not to mention a look of constant run-on. With 'fat' letters beginning a sentence, such as an upper-case "W", it can appear as though there is actually no space at all. Adding an additional space after a sentence provides readers with clear breaks. However, I get it that it would be quite difficult to create CSS that could "understand" what a sentence is so that it would automatically insert an additional space after each.

Nothing Says Over 40 Like Two Spaces after a Period!, When I pointed out that they were doing it wrong—that, in fact, the correct way to end a sentence is with a period followed by a single, proud,  According to the norms and culture, a single space is added after terminating a sentence using a period and before starting a new sentence within the same paragraph. In almost every case, this default configuration of Dragon NaturallySpeaking 12.0 works perfectly well, and no manual modifications are required to be made.

Two spaces after a period: Why you should never, ever do it., It is acceptable to use two spaces after a period. Why am A page of text with two spaces between every sentence looks riddled with holes; a page of text with an (Formatting should be handled by CSS as much as possible.)  The paragraphs were written in various styles: one-spaced, two-spaced, and strange combinations like two spaces after commas, but only one after periods. And vice versa, too. And the verdict was

Two Spaces After a Period, Most mass-produced material no longer uses longer spaces after the end of a sentence, and websites require CSS or the use of special  As you can see, two breaks add the space above. Additional breaks can be added if needed. However, we suggest using the CSS method mentioned earlier to add padding and spacing around your text if being done in multiple places on a page.

Why two spaces after a period isn't wrong – lies typographers tell , Sentence spacing is the space between sentences in typeset text. It is a matter of typographical With the introduction of the typewriter in the late 19th century, typists used two If a standard word space is inserted after a full point or a comma, then, There are options for preserving spacing, such as the CSS white-​space  What if you find it hard to use one space after many years of adding two spaces after a full stop or colon? Use the "Find and Replace" option in your word processor (Control + F on most systems) to remove the extra space. In more recent versions of Word, look for the Replace in the Home ribbon at the top of the screen.

Comments
  • why don't you just put 2 spaces where you want them directly in your html?
  • Aside from ::first-letter and ::first-line, everything else in CSS wants to work with elements - whether they be identified by id, class or element type. Full stops aren't elements.
  • Why would you want to do this? The web is its own medium; print conventions shouldn't be carried over wholesale purely for the sake of it, IMO.
  • Also why is there a www.google.com in your question? If anything you should be putting that in your browser's address bar, not here.
  • This is beautiful. Over the top, roundabout way of saying "you can by jumping through a bunch of fire hoops" maybe, but beautiful nonetheless.
  • washingtonpost.com/news/speaking-of-science/wp/2018/05/04/…
  • Not just typewriter anymore. Science (ya I know) proved we read it better.
  • Unfortunately, that won't do anything different than would a single space, nor a hundred.