風格嵌入式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; 
}