If you are developing html files, you probably noticed such a feature when the browser ignores spaces. There can be an unlimited number of them in the source code, but as a result, only one is visible. Most often, such a restriction only positively affects the output of information. After all, sometimes you can accidentally put a few spaces, as a result, the document turns out to be disordered. And with the help of restriction, the distance between the words will always be fixed. But sometimes there is a need to make a double or triple space, html will allow you to make an unlimited distance between words at your discretion. There are several ways to fulfill this need, which we will discuss in this article.
First way
When there is a need to make a longer distance between certain words, you can use the special html space code. Just add the entry “& nbsp”, which will increase the distance between the characters. Such code can be used as a regular space, with the exception that it will always be taken into account when the browser displays information. This special html space is sometimes used to emulate a red line or highlight a single piece of text. It’s worth a little talk about the code itself. The first character is an ampersand sign. It indicates the action of a special code. There are many other combinations in html giving various effects. For example, “& gt” and “& gl” replace the characters “<” and “>”. Their use is necessary, as they indicate the beginning and end of the tag. In this case, "nbsp" means the abbreviated form of the command "non-breaking space", which means "inextricable space". For this command, there is a numeric
amena "& # 160", which completely repeats the effect of such a gap. It is worth noting the fact that if the code "& nbsp" is between the words, then they will always be on the same line. If they go beyond the borders of the screen, a scroll bar appears in the browser. The & nbsp code is a complete emulation of a regular space.
Second way
The second method is used for larger purposes. Space in html can be set using the <pre> tag. It allows you to display text without additional formatting. If the information is placed in this tag, then it will be presented in its original form as in the html-code of the page. This takes into account not only spaces, but also line breaks. But it is worth noting that, as in the case with the "& nbsp" code, the text enclosed in the <pre> tag will appear on one line if there is no natural translation. There is one more remark. Anything between the opening and, respectively, closing <pre> tags will have a specific font
.
Third way
This method cannot be called new, because it simply offers an alternative to the second. Using cascading style sheets, you can achieve the same effect as the <pre> tag. But at the same time, the font will remain unchanged. The "white-space" rule with a value of "pre" fully emulates the html space using the previously described tag. This command can be applied to any area of text.
Conclusion
The above methods will help you put a space in it. HTML allows you to customize your pages very flexibly and at your discretion. But, as practice shows, using a multiple space is rare.