buenas...
en primer lugar, tienes problema de estructuracion. los elementos <li> solo pueden ir dentro de <ol> o <ul>. por otro lado, por naturaleza los elementos <li> son de tipo bloque. o sea, tanto antes del elemento como despues se introduce salto de linea para que el elemento corresponda en una sola linea. de todos modos, ese comportamiento lo puedes cambiar con CSS mediante la propiedad display. en tu caso, no veo el proposito del uso de <li>. parece que tendras que repensar la forma en que estas estructurando el contenido. en fin, para que una imagen quede una al lado de otra, simplemente debes evitar introducir elementos tipo bloque entre medio.
