Clase span css
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 se dibujara 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 cual 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
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 html
<span class=»ttooltip»>Lorem Ipsum es simplemente el texto ficticio de la industria de la impresión y la composición tipográfica. Lorem Ipsum ha sido el texto ficticio estándar de la industria desde el año 1500, cuando un impresor desconocido tomó una galera de tipos y la revolvió para hacer un libro de muestras de tipos. Ha sobrevivido no sólo a cinco siglos, sino también al salto a la composición electrónica, permaneciendo esencialmente inalterado. Se popularizó en la década de 1960 con la publicación de las hojas de Letraset que contenían pasajes de Lorem Ipsum, y más recientemente con los programas de autoedición como Aldus PageMaker, que incluían versiones de Lorem Ipsum.<span class=»ttooltiptext»>¡Texto de la herramienta!</span>
El ancho de la banda no funciona
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.
