#

Je ne sais pas si c'est dû au fait qu'il y a un <p>...</p> dans le <li>, je ne suis pas un gourou...

c'est effectivement la source du problème, p est une balise block donc elle s'affiche en dessous.
une solution pourrait être :

div .content li p:first-child {
 display: inline;
}

:first-child permet, s'il y a plusieurs paragraphes dans l'item de liste, de garder le retour à la ligne entre les paragraphes.