[SOLUCIONADO] como hacer que el texto no haga salto de linea?

[Begotten]

Hola, tengo un problema al tratar de poner en un mismo párrafo 2 imágenes y un campo de texto. EL problema es que el navegador hace un salto de linea a mitad del párrafo y queda bastante feo, necesito que tanto ambas imágenes como el texto se muestren en una sola linea.

Código HTML:

<a class="dropdown-toggle" href="#">
                    <p>
                        <div align="left">
                            <img src="img/works.png" align="left" width='30' height='30'>
                            <span align="center">Seccion Trabajos</span>
                            <img src="img/down.png" align="right" width='15' height='15'>
                        </div>
                    </p>
                </a>
 

asi se ve:

[pzin]

No uses el atributo align que está desfasadísimo. Desde 1999.

Para lo otro puedes usar white-space: nowrap en el CSS.

[Begotten]

Iniciado por pzin

No uses el atributo align que está desfasadísimo. Desde 1999.

Para lo otro puedes usar white-space: nowrap en el CSS.

el atributo align lo puse para ir probando, ahora probé utilizando white-space: nowrap y cumple con lo que necesitaba pero deja un espacio gigante entre la primera imagen y el texto, ¿como se puede eliminar ese "espacio"?

Código HTML:

<p>
                        <img src="img/works.png" alt="Trabajos" width='30' height='30' />
                        <span>Seccion Trabajos</span>
                        <img src="img/down.png" alt="Ver mas" width='15' height='15' />
                    </p>
 

Código CSS:

p {
    white-space: nowrap;
}
 

[Begotten]

El problema era que los atributos de tipo <span> ya venían con un margin-left de 30px, lo baje a 10px y se soluciono. Gracias por la ayuda y saludos a las canarias, algún día conoceré esas islas.