HTML trata varios espacios en blanco contiguos como un solo espacio, como se indica en la especificación:
Except within literal text (e.g. the PRE element), HTML treats
contiguous sequences of white space characters as being equivalent to
a single space character (ASCII decimal 32). These rules allow authors
considerable flexibility when editing the marked-up text directly.
Note that future revisions to HTML may allow for the interpretation of
the horizontal tab character (ASCII decimal 9) with respect to a tab
rule defined by an associated style sheet.
Excepto dentro del texto literal (por ejemplo, el elemento PRE
),
HTML trata las secuencias contiguas de caracteres de espacio en blanco
como si fueran equivalentes a un solo carácter de espacio (ASCII
decimal 32). Estas reglas permiten a los autores una flexibilidad
considerable al editar el texto marcado directamente. Tenga en cuenta
que las revisiones futuras de HTML pueden permitir la interpretación
del carácter de tabulación horizontal (ASCII decimal 9) con respecto a
una regla de tabulación definida por una hoja de estilo asociada.
Por eso tus espacios no son reconocidos como múltiples, si quieres N
espacios, deberás indicarlo de forma explícita, poniendo por ejemplo N
veces el elemento
class='Icono_slider'>$i[Titulo] $i[Fecha]
Aunque la mejor forma para aplicar estilos es mediante reglas de estilo.
Así, puedes definir una clase en tu .css
en la que indiques los espacios que quieres. Por ejemplo:
En el código PHP:
class='Icono_slider'>$i[Titulo]<span class='left-tab'>$i[Fecha]</span>
Y en el .css
defines una clase:
.left-tab {
padding-left: 20px;
}
Tendrías esto más o menos (puedes cambiar el valor 20px
por otro espacio que desees):
.left-tab {
padding-left: 20px;
}
Título<span class="left-tab">Fecha</span>
.$i[Titulo]
y$i[Fecha]
se muestra junto? Debería reconocer el espacio en blanco que has puesto, un espacio, si quieres más de uno quizá debas probar con
como te sugiere @Jakala , uno por cada espacio que quieras..css
, asignas una clase a esos elementos y luego por.css
indicas el espaciado que quieras o lo que sea.
, que agrega un espacio cada vez, también tienes las etiquetas 
que agrega dos de golpe, o bien 
que te agrega 4, así no tienes que repetir tanto el
. Comprueba que funcionen con el fuente de tu página y tu navegador destino por si acaso, pues con determinados fuentes y navegadores podrian dar problemas.