スタジオの埋め込みスタイル横の写真

Question

組み込みの譜表の写真に簡単なスタイルを追加するのは苦労しています。私は写真を並べて欲しかったので、並べ替えられていないリストを使用し、それを書式化して水平に並べました。しかし、スタイルは埋め込まれたInstagramの写真には適用されないようです。

CSS

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

#instapost ul li { 
display: inline; 
} 

埋め込まれたInstagramの写真との完全な例をここで見ることができ

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

HTML： https://jsfiddle.net/edwardgam/0k7smgvk/4/

（私は実際にワードプレスとワードプレスのプラグインを使用しています'Simple Instagram Embed'ので、Instagramの写真のURLをInstagram提供のコードの代わりにコピーして、私のWordpressのポストの適切な場所。ただし、プラグインを使用するかどうかにかかわらず、この問題が存在します）。

ありがとうございました。

Answer 1

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