样式嵌入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插件＆＃39; Simple Instagram Embed＆＃39;所以我只是复制Instagram照片的URL（而不是Instagram提供的嵌入代码）并粘贴到我的适当位置Wordpress帖子。但是，无论我是否使用插件，这个问题都存在）。

感谢。

Answer 1

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