39 lines
1.9 KiB
Markdown
39 lines
1.9 KiB
Markdown
|
---
|
|||
|
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
|