[CSS] Lista z obrazkami w jednej linie - inline Opcje

[sowi]

Witam,

mam listę

[HTML] pobierz, plaintext 
<div id="lista">
  <ul>
	<li>ABC</li>
	<li>DEF</li>
	<li>GHI</li>
  </ul>
</div>
[HTML] pobierz, plaintext 

dla css

Kod

#lista ul{list-style:none;}
#lista li{display:inline}

Wszystko wygląda elegancko i wyświetla się ABCDEFGHI. Problem jeżeli zamiast tekstu potrzebuję umieścić w jednym miejscu grafikę

[HTML] pobierz, plaintext 
<div id="lista">
  <ul>
	<li>ABC</li>
	<li><img src="DEF.gif" alt="DEF - wersja graficzna" /></li>
	<li>GHI</li>
  </ul>
</div>
[HTML] pobierz, plaintext 

wtedy niestety grafika ustawia się pod tekstem, czyli powstaje

ABC
DEF [grafika]
GHI

Czy ktoś mi może pomóc jak zrobić, żeby było w jednym rzędzie? - grafika jest jako logo i nie może zostać jako tekst.

czy ktoś może pomóc? Sprawa bardzo pilna...

Ten post edytował sowi 25.08.2008, 17:34:01

[wookieb]

Podaj link do strony to na szybko bedzie mozna ci pomóc.

[ferrero2]

Spróbuj dodać do img styl i nadać mu display:inline-block.
Można również dodać atrybut float:left do obrazka

To tak na szybko pozdrawiam