水平嵌入式Instagram照片

Question

我很难在嵌入式Instagram照片中添加简单的样式。我想要并排照片，所以我使用了一个无序的列表并将其定型，以便它没有弹头并水平列出。但是，该样式似乎并未应用于嵌入式Instagram照片。

CSS

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

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>

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

（我实际上正在使用WordPress和WordPress插件'Simple Instagram Embed'，因此我只是复制Instagram照片的URL（而不是Instagram提供的嵌入式代码），然后将其粘贴到我的WordPress帖子中的适当位置。但是，是否使用该插件）。

谢谢。

Answer 1

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