정렬되지 않은 목록을 사용하는 동안 질서에 혼란이있다

Question

나는이 사이트에서 내 질문이 가장 간단한 질문이라고 생각한다. 그럼에도 불구하고 나는 그것을 해결할 수 없었다.

이제 html과 같은 부분이 있습니다. 요소를 나란히 표시해야합니다. 그러나 출력은 아래 그림과 같습니다. 또한 밑줄이 나오는 곳을 찾지 못했습니다.

내가 원하는 것을 어떻게 할 수 있습니까?

 <div class="ilgiliclass"> 
    <?php 
       echo '<ul>'; 
       if(...) 
       { 
        foreach(...) 
        { 
         if(...) 
         { 
    ?> 

           <li> 
            <img src="img/arrow.gif"> 
            <div class="si"> 
             <a href="...">...</a> 
            </div>                
            - 
            <div class="so"> 
             <a href="...">...</a> 
            </div> 
            <br /> 
           </li> 

    <?php   
         } 
        } 
       } 
    ?> 
      </ul> 

Answer 1

당신은 si와 so 요소들 사이의 마크 업에 대시가 있습니다. 나는 이것이 당신이 말하는 '밑줄'이라고 상상합니다. .si과 .so을 모두 display:inline;으로 설정하면 모든 것을 한 줄에 입력해야합니다.

JS 바이올린 예 : http://jsfiddle.net/TYsN6/