风格嵌入式Instagram照片横向

Question

我很难为嵌入式instagram照片添加一个简单的风格。我想将这些照片并排放置，因此我使用了一个无序列表并对其进行了设计，以便它不会出现水平并将其列出。但是，这种风格似乎并不适用于嵌入的Instagram照片。

的CSS

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

#instapost ul li { 
display: inline; 
} 

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

嵌入的Instagram照片的完整例子可以在这里看到的HTML： https://jsfiddle.net/edwardgam/0k7smgvk/4/

（其实我使用WordPress和WordPress插件'简单的Instagram嵌入'，所以我只是复制Instagram照片的URL（而不是Instagram提供的嵌入代码）并粘贴到在我的WordPress的帖子适当的地方。但是，无论我使用插件还是不存在这个问题）。

谢谢。

Answer 1

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