2018-10-12 16:35:31 -04:00
---
title: How to Insert Spaces or Tabs in Text Using HTML and CSS
localeTitle: Como inserir espaços ou tabulações no texto usando HTML e CSS
---
2019-08-16 14:54:11 +02:00
## Como Inserir Espaços ou Tabulações no Texto Usando HTML e CSS
2018-10-12 16:35:31 -04:00
2019-08-16 14:54:11 +02:00
Há uma infinidade de maneiras de inserir espaços usando html. Por simplicidade, vamos examinar um desses, inserindo uma tag Span.
2018-10-12 16:35:31 -04:00
## Tag Span
`<span>`
2019-08-16 14:54:11 +02:00
Span Tags `<span>` são tags de fechamento automático, o que significa que elas não precisam de um `/>` .
2018-10-12 16:35:31 -04:00
## Exemplo de Span
2019-08-16 14:54:11 +02:00
Um exemplo de como uma tag `<span>` insere um espaço no texto pode ser visto abaixo.
2018-10-12 16:35:31 -04:00
`<p>Hello may name is <span> James</p>`
2019-08-16 14:54:11 +02:00
Se você atribuir uma classe ao seu `<span>` , poderá adicionar alguns css a ela. Dessa forma:
2018-10-12 16:35:31 -04:00
`<p>Hello my name is <span class=tab> James</p>`
Então, em uma folha de estilo externa ou em uma folha de estilos interna, você pode fornecer a `class .tab` algumas propriedades.
2019-08-16 14:54:11 +02:00
## Exemplo de Classe de Span
2018-10-12 16:35:31 -04:00
Por exemplo
`.tab {padding-left: 2px;}`
2019-08-16 14:54:11 +02:00
Você também pode fornecer ao `<span>` algumas propriedades no estilo em linha, como mostrado abaixo.
2018-10-12 16:35:31 -04:00
`<p>Hello my name is <span style="padding-left: 2px;"> James</p>`
## Mais Informações
2019-08-16 14:54:11 +02:00
Para mais informações sobre a tag ou em; Como inserir espaços ou tabulações no texto Usando HTML e CSS, você pode visitar w3schools. https://www.w3schools.com/tags/tag\_span.asp