How to Insert Spaces/Tabs in Text Using HTML/Css

Tab space instead of multiple non-breaking spaces ( nbsp )?

It's much cleaner to use CSS. Try padding-left:5em or margin-left:5em as appropriate instead.

How do I replicate a \t tab space in HTML?

I need a code that has the same function as the /t escape character

What function do you mean, creating a tabulator space?

No such thing in HTML, you'll have to use HTML elements for that. (A <table> may make sense for tabular data, or a description list <dl> for definitions.)

How to add spaces between different tags

A solution is to give to the VS element a class like .vs and add some padding to it:

p {

  margin: 0;

}

.topnav {

  display: flex;

}

.topnav .vs {

  padding-right: 10px;

  padding-left: 10px;

}

<div class="topnav">

  <div>Name</div>

  <p class="vs">VS</p>

  <div>Name</div>

</div>

Insert a tab or spaces in html

You can add padding to your td with CSS:

td {

  padding-right: 30px;

}

<table>

  <tr>

    <td><a href="#">Hello</a></td>

    <td>Goodbye</td>

  </tr>

  <tr>

    <td><a href="#">Hola</a></td>

    <td>Adios</td>

  </tr>

</table>

Inserting tab spaces to align text vertically in HTML/CSS

One method would be to apply display: inline-block; to your span.as, and then give them a set width: http://jsfiddle.net/nzrHn/1/

.a { display: inline-block; width: 100px; }

Adding spacing between text in html

Judging from col-md-6 class you probably use Bootstrap so basically you could simply do

   <div class="col-md-6 services-margin">
                <img class="flagsize" src="../../../img/flag_brunei.png">
                <div class="services">
                    <p class="country-title">Brunei</p>
                    <p>Ambulance         <span class="pull-right">:991</span></p>
                    <p>Police            <span class="pull-right">:993</span></p>
                    <p>Fire and Rescue   <span class="pull-right">:995</span></p>
                    <p>Search and Rescue <span class="pull-right">:998</span></p>
                </div>
    </div>

HTML - Add certain spaces. so each row is equal vertically

Sample Image

https://www.w3schools.com/css/tryit.asp?filename=trycss_table_align

Try with table & text-alight

Controlling tab space in a pre using CSS?

From CSS 2.1, § 16.6.1 The 'white-space' processing model:

All tabs (U+0009) are rendered as a horizontal shift that lines up the start edge of the next glyph with the next tab stop. Tab stops occur at points that are multiples of 8 times the width of a space (U+0020) rendered in the block's font from the block's starting content edge.

CSS3 Text says basically the same thing.

From HTML 4.01 § 9.3.4 Preformatted text: The PRE element

The horizontal tab character (decimal 9 in [ISO10646] and [ISO88591] ) is usually interpreted by visual user agents as the smallest non-zero number of spaces necessary to line characters up along tab stops that are every 8 characters. We strongly discourage using horizontal tabs in preformatted text since it is common practice, when editing, to set the tab-spacing to other values, leading to misaligned documents.

If you're concerned with leading tabs, it's a simple matter to replace them with spaces.

/* repeat implemented using Russian Peasant multiplication */
String.prototype.repeat = function (n) {
    if (n<1) return '';
    var accum = '', c=this;
    for (; n; n >>=1) {
        if (1&n) accum += c;
        c += c;
    }
    return accum;
}
String.prototype.untabify = function(tabWidth) {
    tabWidth = tabWidth || 4;
    return this.replace(/^\t+/gm, function(tabs) { return ' '.repeat(tabWidth * tabs.length)} );
}