Hay varias formas de insertar espacios en HTML. La forma más sencilla es simplemente agregar espacios o varias entidades de caracteres antes y después del texto de destino. Por supuesto, ese no es el método más seco.

En cambio, para mantener su código fácil de mantener y reducir la repetición, puede usar y

 elementos, junto con un poco de CSS:
Usando el elemento
Un ejemplo de cómo usar para controlar el espaciado entre el texto se puede ver a continuación:
Hello my name is  James
Tenga en cuenta que las etiquetas se cierran automáticamente, lo que significa que no necesitan una extensión />.
Luego, puede usar un estilo externo o interno para darle a la clase tabalgunas propiedades. Por ejemplo, el siguiente código funcionará en una hoja de estilo externa:
.tab { padding-left: 2px; }
También puede asignar algunas propiedades de estilo en línea, como se muestra a continuación.
Alternativamente, puede dar las mismas propiedades que los estilos en línea como se muestra a continuación:
Hello my name is  James
Utilizando el 
 elemento
Para agregar un espacio de pestaña de una manera fácil, simplemente ajuste el texto en 
etiquetas. Por ejemplo:
los 
elemento simplemente representa texto preformateado . En otras palabras, se renderizarán los espacios o tabulaciones del texto interior. Por ejemplo:
 function greeting() { console.log('Hello world!'); } 
Solo tenga en cuenta que cualquier carácter de tabulación real (no un montón de espacios que parecen tabulaciones) que use con este método puede parecer ridículamente ancho. Esto se debe a que la tab-sizepropiedad del
 El elemento se establece en 8 espacios de forma predeterminada.
Puedes cambiar esto con un poco de CSS:
pre { tab-width: 2; }
Más información sobre HTML:
El lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado que se utiliza para construir documentos en línea y es la base de la mayoría de los sitios web en la actualidad. 
Un lenguaje de marcado como HTML nos permite
crear enlaces a otros documentos, 
estructurar el contenido de nuestro documento, y 
atribuir contexto y significado al contenido de nuestro documento.
Un documento HTML tiene dos aspectos. Contiene información estructurada (marcado) y enlaces de texto (hipertexto) a otros documentos.
Estructuramos nuestras páginas utilizando elementos HTML. Son construcciones del lenguaje que proporcionan estructura y significado en nuestro documento para el navegador y el elemento se vincula a otros documentos en Internet.
Internet se creó originalmente para almacenar y presentar documentos estáticos (que no cambian). Los aspectos de HTML discutidos anteriormente se vieron perfectamente en estos documentos que carecían de todo diseño y estilo. Presentaron información estructurada que contenía enlaces a otros documentos.
HTML5 es la última versión o especificación de HTML. El World Wide Web Consortium (W3C) es la organización que desarrolla los estándares para World Wide Web, incluidos los de HTML. A medida que las páginas web y las aplicaciones web se vuelven más complejas, el W3C actualiza los estándares HTML.
HTML5 introduce una gran cantidad de elementos semánticos. Si bien HTML ayuda a dar significado a nuestro documento, no fue hasta la introducción de elementos semánticos con HTML5 que se conoció por completo su potencial.
Un ejemplo simple de un documento HTML
   Page Title   
My First Heading
My first paragraph.
! DOCTYPE html: define este documento como HTML5
html: el elemento raíz de una página HTML
head: el elemento contiene metainformación sobre el documento
título: el elemento especifica un título para el documento
cuerpo: el elemento contiene el contenido de la página visible
h1: el elemento define un encabezado grande
p: el elemento define un párrafo
Versiones HTML
Desde los primeros días de la web, ha habido muchas versiones de HTML
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999X
HTML2000
HTML52014
Otros recursos
Elementos HTML
HTML semántico
Atributos HTML