Style intégré Instagram Photos horizontalement

Question

J'ai du mal à ajouter un style simple aux photos instagram intégrées. Je voulais que les photos soient côte à côte, j'ai donc utilisé une liste non ordonnée et je l'ai stylée pour qu'elle ne soit pas à puces et je les ai listées horizontalement. Cependant, le style ne semble pas s'appliquer aux photos Instagram intégrées.

Le CSS

#instapost ul 
{ 
list-style-type: none; 
} 

#instapost ul li { 
display: inline; 
} 

Le code HTML

<div id="instapost"> 
<ul> 
    <li>(copy any post from instagram and make max-width=320)</li> 
    <li>(copy any post from instagram and make max-width=320)</li> 
</ul> 
</div> 

L'exemple complet avec photos Instagram intégré peut être vu ici: https://jsfiddle.net/edwardgam/0k7smgvk/4/

(je suis réellement en utilisant WordPress et un plugin WordPress 'Simple Instagram Embed' donc je copie juste l'URL de la photo d'Instagram (au lieu du code intégré fourni par Instagram) et colle dans le endroit approprié dans mon poste Wordpress. Cependant, ce problème existe que j'utilise le plugin ou non).

Merci.

Answer 1

#instapost ul li { 
    width: 320px; 
    float: left; 
    margin-right: 10px; 
}