div로 가로 목록을 만드는 방법은 무엇입니까?

3 개의 div가있는 간단한 목록을 만들려고합니다. 나는이 주제에 언급 정확히 무엇을 했더라도 나는 그렇게 할 수 없습니다div로 가로 목록을 만드는 방법은 무엇입니까?

div의 수직 표시하고 그 이유를 상상할 수 없다.

다른 방법이 있습니까?

미리 감사드립니다.

2012-11-30 Anonymous

'display : inline-block;'으로 설정 했습니까? – MushinNoShin

예 했었습니다 : ul # navlist li {display : inline; } –

jsfiddle (http://jsfiddle.net/)과 같은 코드를 추가해야합니다. 문제가 직접보고있는 위치와 다를 수 있습니다. – MushinNoShin

display: inline 또는 float: left을 사용하는 경우 이들은 아마도 수평으로 보일 것입니다.

2012-11-30 21:03:52 anders

이 CSS를 추가하십시오 : .topic {display : inline} – anders

그것은 divs를 사라지게했습니다. 나는 그들의 색깔, 그들의 장소를 바꾼다. 그러나 아직도 사라졌다. –

div에 이미지를 넣을 때 효과가있었습니다. 200px 너비 : 200px 및 배경색이 사라져 사라졌지만 내부에 이미지를 넣으면 나타납니다. 감사! –

# 2가 올바른 경우 display : inline-block을 사용하고 디스플레이 : inline을 사용해야합니다.

또한 코드에서 ul 요소에 id = "navlist"가 있는지 확인해야합니다. 동일한 스타일이 문서의 다른 모든 UL 요소에서 작동하지 않습니다.

2012-11-30 21:22:54 ThaDick

명확히하려면 ... 여기에 올바른 바이올린 : http://jsfiddle.net/BwRrZ/4/ – ThaDick

좋은 코드로의 잘못된 링크가 수정되었습니다. – ThaDick

답변