La mayoria del contenido de las paginas web es texto en forma de parrafos y se escribe, normalmente, dentro de algun elemento "de bloque".Tambien hay numerosos elementos "de linea" relaccionados con el texto.

☰ Encabezados

Encabezado de nivel 1, etiqueta <h1>

Encabezado de nivel 2, etiqueta <h2>

Encabezado de nivel 3, etiqueta <h3>

Encabezado de nivel 4, etiqueta <h4>

Encabezado de nivel 5, etiqueta <h5>

Encabezado de nivel 6, etiqueta <h6>

☰ Parrafos y salto de linea

Lorem ipsum dolor sit amet, consecteur adipisicing elit. Dolores, explicabo earum veritatis quis aliquam, nobis est laboriosam aut quasi voluptades repellendus corrupti, molestiae corporis sunt rem ex quia, etiqueta <br>. Architecto similique id itaque! Quia ipsum, amet neque assumenda expedita. Soluta, aliquam repudiandae. Doloremque ea incidunt ex sit unde, repellendus deleniti.

☰ Linea horizontal

Etiqueta <hr>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus consectetur prasentium blanditiis nostrum, commodi incidunt voluptate voluptatibus sapiente voluptates atque quia debitis, minima maxime quas, laudantium non nam harum repellendus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus consectetur prasentium blanditiis nostrum, commodi incidunt voluptate voluptatibus sapiente voluptates atque quia debitis, minima maxime quas, laudantium non nam harum repellendus!

☰ Texto enfatizado

Este texto es muy importante ,etiqueta <strong>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este texto es importante ,etiqueta <em>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este texto está resaltado en negrita ,etiqueta <b>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este texto está resaltado en cursiva ,etiqueta <i>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut./p>

Este texto está resaltado ,etiqueta <mark>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este texto está subrayado ,etiqueta <u>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Contenido no relevante ,etiqueta <s>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Texto eliminado del documento ,etiqueta <del>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Texto insertado ,etiqueta <ins>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Secuencia de teclas ,etiqueta <kbd>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Comentario lateral ,etiqueta <small>.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Utilizando superíndice, etiqueta <sup>:x²+1=0.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

>Utilizando subíndice, etiqueta <sub>:H₂O.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura, etiqueta <abbr>ONU.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este párrafo contiene una dirección, etiqueta <address>

☰ Citas

Esto es una cita de línea, etiqueta <q>

Viendo don Quijote la humildad del alcalde de la fortaleza, que tal le pareció a él el ventero y la venta, respondió:Para mí, señor castellano, cualquiera cosa basta, porque mis arreos son armas, mi descanso el pelear, etc.

Esto es una cita de bloque, etiqueta <blockquote>

... los altos cielos que de vuestra divinidad divinamente con las estrellas os fortifican, y os hacen merecedora del merecimiento que merece la vuestra grandeza.

☰ Texto preformateado

Utlizando la etiqueta <pre>

#container {
           width            : 96vw;
           max-width        : 960px;
           margin           : 2vh auto;
           padding          : 0.5em;
           background-color : rgba(0,0,0,0.1);
        }
        

Utilizando la etiqueta <code>:background-color: rgba(0,0,0,0.1);

Utilizando la etiqueta <var>:variable = 100;