El problema es que cada vez que aplica espacio de margen según su valor de margen, obtendrá resultados. Pero en la etiqueta <pre>, si la aplica manteniendo un espacio, se considerará como margen. Debido a que pre se actúa a la inversa, significa que como ha escrito dentro de la etiqueta pre, la salida será la misma.
Nota: Los ejemplos actuarán igual con el bootstrap.
Ejemplo 1: el enfoque de la preetiqueta se usa básicamente si desea escribir el código e imprimirlo como un texto normal.
- Programa:
<!DOCTYPE html><html><head><title>Pre tag usage</title></head><body><!-- Notice the spces inside of the pre tag --><pre> GeeskforGeeks </pre><pre> A Computer Science PortalFor Geeks</pre></body></html> - Producción:
GeeskforGeeks A Computer Science Portal For Geeks
Ejemplo 2: a veces sucede que ha escrito algún código y le da un espacio o margen dentro de la etiqueta previa, luego la salida también da el margen.
Dentro de la etiqueta previa, la forma en que escribe el código lo mismo que dará como resultado.
- Programa:
<!DOCTYPE html><html><head><title>Demo</title></head><body><divclass="row"><divclass="col-md-3"><pre><p><b>GeeksforGeeks</b>This paragraph is on remove marginintroduced in pre tag in bootstrap 4</p></pre></div></div></body></html> - Producción:
GeeksforGeeks This paragraph is on remove margin introduced in pre tag in bootstrap 4