스타일 Instagram 내장 사진 가로

Question

임베디드 스탁 사진에 간단한 스타일을 추가하는 데 어려움을 겪고 있습니다. 사진 정렬을 원했기 때문에 정렬되지 않은 목록을 사용하여 스타일을 지정하여 글 머리 기호가 아닌 가로로 나열했습니다. 그러나이 스타일은 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> 

html로 : https://jsfiddle.net/edwardgam/0k7smgvk/4/

(I 실제로 워드 프레스와 워드 프레스 플러그인을 사용하고 있습니다 'Simple Instagram Embed'로 Instagram 사진의 URL을 복사하면됩니다 (Instagram이 제공하는 코드 대신). 내 Wordpress 게시물에 적절한 장소. 그러나이 문제는 내가 플러그인을 사용하는지 여부에 관계없이 존재합니다.

감사합니다.

Answer 1

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