---
title: How to Insert Spaces or Tabs in Text Using HTML and CSS
localeTitle: Как вставить пробелы или вкладки в тексте с помощью HTML и CSS
---
## Как вставить пробелы или вкладки в тексте с помощью HTML и CSS

Существует множество способов вставки пробелов с помощью html. Для простоты мы будем перейдите по одному из них, которые добавляются в тег Span.

## Span Tag

`<span>`

Span Tags `<span>` - теги, закрывающие закрытие, что означает, что они не нуждаются в `/>` .

## Пример Span

Пример того, как `<span>` вставляет пробел между текстом, можно увидеть ниже.

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

Если вы присвоите класс вашему `<span>` вы можете добавить к нему некоторые css. Вот так,

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

Затем либо во внешней таблице стилей, либо в таблице внутренних стилей вы можете дать `class .tab` некоторые свойства.

## Пример класса Span

Например

`.tab {padding-left: 2px;}`

Вы также можете указать `<span>` некоторые свойства встроенного стиля, как показано ниже.

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

## Больше информации

Для получения дополнительной информации о теге или в; Как вставить пробелы или вкладки в тексте Используя HTML и CSS, вы можете посетить w3schools. https://www.w3schools.com/tags/tag\_span.asp