Certificado de no haber sido dado de baja de la policía nacional

Certificado de no haber sido dado de baja de la policía nacional
significado de la anchura del espacio
Como dijo Eoin, necesitas poner un espacio de no ruptura en tus spans "vacíos", pero no puedes asignar un ancho a un elemento inline, sólo padding/margin, así que tendrás que hacerlo flotante para poder darle un ancho.
La gente span en este caso no puede ser un elemento de bloque porque el resto del texto entre los elementos li irá hacia abajo. También el uso de float es una mala idea porque tendrás que establecer el ancho de todo el elemento li y este ancho tendrá que ser el mismo que el ancho de todo el elemento ul u otro contenedor.
Por lo tanto, cuando el elemento li es relativo se formatea el elemento span para que sea absoluto y en el top:0;left:0; por lo que se mantiene en la parte superior izquierda y se establece el padding-left (o: padding:0px 0px 0px 80px;) para establecer este espacio libre para el elemento span.
etiqueta span
Como dijo Eoin, necesitas poner un espacio de no ruptura en tus spans "vacíos", pero no puedes asignar un ancho a un elemento inline, sólo padding/margin, así que tendrás que hacerlo flotante para poder darle un ancho.
La gente span en este caso no puede ser un elemento de bloque porque el resto del texto entre los elementos li irá hacia abajo. También el uso de float es una mala idea porque tendrás que establecer el ancho de todo el elemento li y este ancho tendrá que ser el mismo que el ancho de todo el elemento ul u otro contenedor.
Por lo tanto, cuando el elemento li es relativo se formatea el elemento span para que sea absoluto y en el top:0;left:0; por lo que se mantiene en la parte superior izquierda y se establece el padding-left (o: padding:0px 0px 0px 80px;) para establecer este espacio libre para el elemento span.
span css
Para un elemento que no ofrece ninguna información semántica sobre el contenido dentro y también proporciona ningún cambio de estilo, o cualquier otro cambio visual para hablar de, el elemento span humilde es uno de los elementos más útiles en su caja de herramientas HTML.
Un span es un elemento en línea, y sólo debe contener contenido de texto o elementos anidados en línea o frase. No debe utilizarse para rodear elementos de nivel de bloque, un uso que se ve a menudo en los sistemas de gestión de contenidos que intentan aplicar el estilo a casi cualquier elemento lanzando un span alrededor de él.
Una nota de advertencia: no es inaudito que la gente se vuelva loca con los spans, usándolos por todas partes. la span-itis es una mala práctica - es tan mala como una dosis de div-itis. Asegúrate de que utilizas el elemento span de forma adecuada. Por ejemplo, si te encuentras aplicando spans de esta manera, estás en problemas:
ancho de banda: fit-content
He intentado un montón de maneras diferentes, como css, estilo en línea, el establecimiento de los márgenes, etc, pero no puedo conseguir el lapso de hacer lo que necesito. Parece como si su ser dibujado a la anchura exacta de su texto.
Poner un color de fondo en el span para ver por qué no está funcionando. Esos tres elementos están en un div sin CSS asociado. Para que el span esté en el centro, necesitas que el div que lo rodea tenga, como mínimo, las propiedades width y text-align.
Además, con este marcado, tu código tal como está hará que el span se centre, pero tendrías que añadir float:left a tu id btnPrevious. Yo me abstendría, en la medida de lo posible, de usar CSS en línea a menos que estés diseñando un correo electrónico HTML, así que simplemente crea un archivo CSS que incluyas en último lugar en tu lista de archivos CSS y añade tus ediciones allí.
Lo siento se perdió la parte de Bootstrap como acabo de hacer una búsqueda de TEST dentro de su código. Bootstrap está construido con estas clases, y siendo que esas ya están dentro de un contenedor, deberías ser capaz de añadir text-center al div en blanco y debería hacer el truco