1.8 KiB
| title |
|---|
| How to Insert Spacing in Text Using HTML and CSS |
How to Insert Spacing in Text Using HTML and CSS
There are a multitude of ways to insert spaces using html. For simplicity sake we will go over a couple of these.
Span Tag
<span>
Span Tags <span> are self closing tags meaning they do not need a </span>.
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>
Line Break Tag
<br>
Line Break Tags <br> are self closing tags meaning they do not need a </br>.
A Line Break Tag is generally used when a Line Break without a new paragraph is needed.
Non-Breaking Space
A non-breaking space is a space that will not break into a new line using .
For example
<p>Hello my name is James</p>
Use Tab Space Instead of Multiple Non-Breaking Spaces
In HTML the most common way to add multiple spaces is by adding for each space. To add a tab space put your text in <pre> tags, for example <pre>My Text Here</pre> and every tab will be treated as eight spaces. Another way to add multiple spaces in HTML would be to use CSS for example <p style="padding-right: 5px;">My Text Here</p>.