freeCodeCamp/guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md

---
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 my 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>``
  
## Using Non-Breaking Space 

A non-breaking space is a space that will not break into a new line using **&nbsp**;.

For example

``<p>Hello my name is&nbsp;James</p>``

## More Information

For more information on the <span> 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