여러 로고 사이의 CSS bulletpoints

Question

<div> 내에 로고가 있습니다. 코드는 다음과 같으며이 코드는 fiddle에 있습니다.

CSS

@font-face { 
    font-family:'JustVectorRegular'; 
    font-weight: normal; 
    font-style: normal; 
    src: url('fonts/justvector/justvector-webfont.eot'); 
    src: url('fonts/justvector/justvector-webfont.eot?#iefix') format('eot'), url('fonts/justvector/justvector-webfont.woff') format('woff'), url('fonts/justvector/justvector-webfont.ttf') format('truetype'), url('fonts/justvector/justvector-webfont.svg#webfontmuk63VQd') format('svg'); 
} 
.social { 
    padding:0; 
    margin:2em 0; 
    list-style:none; 
    text-align: center; 
} 
.social li { 
    display:inline-block; 
    padding:0; 
    margin-bottom: -3px; 
} 
.social li a { 
    display:block; 
    float:left; 
    margin: 0 .1em .2em 0; 
    line-height:100%; 
    text-align:center; 
    font-family:'JustVectorRegular'; 
    font-size:32px; 
    padding: 8px 8px 8px 10px; 
    min-width:27px; 
    max-height:28px; 
    color:#444; 
    border-radius: 4px; 
    border: 1px solid #ddd; 
} 

HTML

<ul class="social"> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
    <i class="icon-remove"></i> 
    <img src="images/mine/logo.png" style="width: 75px; height: 75px;" /> 
</ul> 

나는 각각의 사이에 글 머리에 넣어 그들을 헤어지고 싶어하지만, 코드가 설명대로 로고를 래핑 화면 너비에 따라 달라지며 줄 끝 부분에 글 머리 기호가 잘못 표시됩니다. 각 코드 뒤에 사이에 글 머리 기호를 삽입하려면 코드 끝 부분에을 삽입해야합니다.

이것이 가능합니까? 난 정말 붙어과 (i는 용어 오른쪽 가지고하지 않은 경우와 사과 - 나에게 모든 아주 새로운을)이

감사합니다 :)

을에 어떤 도움을 찾을 수 없습니다 당신이 할 수있는

Answer 1

을 첫 번째 요소를 제외한 각 요소에 :before 가상 요소를 추가하십시오.

LI + LI:before {content: "*"; }