La mayoría del contenido de las páginas web es texto en forma de párrafos y se escribe, normalmente, dentro de algún elemento "de bloque". También hay numerosos elementos "de línea" relacionados 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>

☰ Párrafos y salto de línea

Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi, mattis sed sociis imperdiet dapibus praesent montes donec. Tempus odio condimentum duis dictum neque varius consequat sociis commodo porttitor cras dis, urna id dictumst cursus feugiat auctor ligula fusce facilisis luctus hac turpis, ultricies nunc gravida faucibus imperdiet diam fringilla curabitur vivamus primis eleifend, etiqueta <br>
Pellentesque tempor molestie commodo in pretium potenti nam purus, auctor dictumst ornare varius torquent nisl vehicula nulla, feugiat orci lacinia lacus praesent metus hac.

☰ Línea horizontal

Etiqueta <hr> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi, mattis sed sociis imperdiet dapibus praesent montes donec. Tempus odio condimentum duis dictum neque varius consequat sociis commodo porttitor cras dis, urna id dictumst cursus feugiat auctor ligula fusce facilisis luctus hac turpis, ultricies nunc gravida faucibus imperdiet diam fringilla curabitur vivamus primis eleifend.

Pellentesque tempor molestie commodo in pretium potenti nam purus, auctor dictumst ornare varius torquent nisl vehicula nulla, feugiat orci lacinia lacus praesent metus hac.

☰ Texto enfatizado

Este texto es muy importante, etiqueta <strong> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Este texto es importante, etiqueta <em> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Este texto está resaltado en negrita, etiqueta <b> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Este texto está resaltado en cursiva, etiqueta <i> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Este texto está resaltado, etiqueta <mark> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Este texto está subrayado, etiqueta <u> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Contenido no relevante, etiqueta <s> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Texto eliminado del documento, etiqueta <del> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Texto insertado, etiqueta <ins> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Secuencia de teclas, etiqueta <kbd> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Comentario lateral, etiqueta <small> Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Utilizando superíndice, etiqueta <sup>: x²+1=0 Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

Utilizando subíndice, etiqueta <sub>: H₂O Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura, etiqueta <abbr> ONU Lorem ipsum dolor sit amet consectetur adipiscing elit litora porttitor facilisi

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 alcaide 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 las armas, mi descanso el pelear, etc

Esto es una cita de bloque, etiqueta <blockquote>

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

☰ Texto preformateado

Utilizando 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;