Stuart Taylor 7da04a348b fix: Update packages and fix local dev (#26907)
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. -->

- [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md).
- [x] My pull request has a descriptive title (not a vague title like `Update index.md`)
- [x] My pull request targets the `master` branch of freeCodeCamp.
2018-10-23 18:48:46 +05:30

1.2 KiB

title
title
How to Insert Spaces or Tabs in Text Using HTML and CSS

How to Insert Spaces or Tabs in Text Using HTML and CSS

There are a multitude of ways to insert spaces using html. For simplicity sake we will go over one of these, which are by inserting a Span tag.

Span Tag

<span>

Span Tags <span> are self closing tags meaning they do not need a />.

Span Example

An example of how a <span> tag inserts a space between text can be seen below.

<p>Hello may name is <span> James</p>

If you assign a class to your <span> then you could add some css to it. Like so,

<p>Hello my name is <span class=tab> James</p>

Then either in an external stylesheet or an internal-stylesheet you can give the class .tab some properties.

Span Class Example

For example

.tab {padding-left: 2px;}

You can also give the <span> some inline-style properties, as shown below.

<p>Hello my name is <span style="padding-left: 2px;"> James</p>

More Information

For more information on the tag or on; How to Insert Spaces or Tabs in Text Using HTML and CSS, you can visit w3schools. https://www.w3schools.com/tags/tag_span.asp