ul, li 및 css 만 사용하여이 메뉴를 만들려면 어떻게해야합니까?

Question

나는이 사용하는 CSS를하고 싶으면 :

Ssing 만 ulli 및 a 요소. 빨간 총알은 보이지 않을거야.

어떻게하면됩니까? 나는 수평 외부 바깥 쪽 목록에 대해 float:left을 사용하려고 시도했으나 내부 바깥쪽에 대한 일반적인 수직 형 글 머리 기호 목록을 시도했지만 작동하지 않았습니다.

글 머리 기호 목록보다 더 좋은 방법이 있습니까?

Answer 1

나는 이것을 가능한 해결책으로 버릴 것입니다. div 요소를 사용하지 않는 이유는 무엇입니까? 다음은 예입니다 :

CSS -

.container { 
    width : 400px; 
    margin : 0; 
    padding : 0; 
} 
.col { 
    display : inline-block; 
    width : 100px; 
    vertical-align : top; 
} 
.col.double { 
    width : 200px; 
} 

HTML -

여기

<div class="container"> 
    <div class="row"> 
     <div class="col">9</div> 
     <div class="col">0</div> 
     <div class="col">TITLE</div> 
    </div> 
    <div class="row"> 
     <div class="col double">{image}</div> 
     <div class="col">text text text text text text text text text text text text text text text text text text </div> 
    </div> 
</div> 

데모입니다 : http://jsfiddle.net/a9m76/1/