Stil eingebettet Instagram Fotos horizontal

Question

Ich habe eine harte Zeit, um eingebettete Instagram-Fotos einen einfachen Stil hinzufügen. Ich wollte die Fotos nebeneinander haben, also habe ich eine ungeordnete Liste verwendet und sie so gestylt, dass sie nicht aufgefächert wurde und sie horizontal aufgelistet wurden. Der Stil scheint jedoch nicht auf die eingebetteten Instagram-Fotos angewendet zu werden.

Die CSS

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

#instapost ul li { 
display: inline; 
} 

Die 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> 

Das vollständige Beispiel mit eingebetteten Instagram Fotos hier zu sehen ist: https://jsfiddle.net/edwardgam/0k7smgvk/4/

(Ich benutze eigentlich Wordpress und Wordpress-Plugin 'Simple Instagram Embed', also kopiere ich einfach die URL des Instagram-Fotos (anstelle des von Instagram bereitgestellten Embed-Codes) und füge sie in das geeigneter Ort in meinem Wordpress-Post. Dieses Problem besteht jedoch unabhängig davon, ob ich das Plugin verwende oder nicht).

Danke.

Answer 1

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