7da04a348b
<!-- 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.
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