Męczę się z tym już od wielu godzin i nic:

Mam coś takiego:

[HTML] pobierz, plaintext 
<div id="lat-post">
			<h2>Latests posts</h2>
			<div class="story">
				<p>
				dd
				</p>
<div class='tl'  style='width:300px;overflow:hidden;'><div class='p'>
			  <ul>
			  <li><span>1.</span></li>
			  <li><a title='' href=''>sadasdasdfdsssfdddddddddddddddddddddddddddddddddddddd</a></li>
			  </ul>
			  </div><div class='p'>
			  <ul>
			  <li><span>2.</span></li>
			  <li><a title='' href=''>Sgfgdffffffffffffffffffffffffffffffffdfdffffffffffffffffffffffffffd</a></li>
			  </ul>
			  </div>
 
</div>
</div>
</div>
[HTML] pobierz, plaintext 

Gdy zawartość komórki listy <li> jest zbyt długa (od szerokości diva tl) to powinien zadziałać overflow:hidden i uciąć wszystko odpowiednio,
jednak z chiny ludowe nie mogę uzyskać tego efektu. Próbowałem dodawać to do każdego diva a także do <ul> i <li> jednak za każdym razem
po osiągnięciu zadanej szerokości tekst jest przenoszony do kolejnej linii zamiast zostać uciety.

Już nie wiem, co tu tak naprawdę może być nie tak.
Z góry dzięki wszystkim za pomoc!

pokaż to na jsfiddle całościowo bo ciężko powiedzieć

prowales dac to style='overflow:hidden; do <a> ? pewnie otb albo display: block

@Greg23, dokładnie tak działają elementy liniowe (element listy zachowuje się bardzo podobnie jak liniowe). Nadaj elementom li styl white-space: nowrap;, żeby zapobiec zawijaniu się tekstu. Ew. możesz zrobić stałą wysokość elementu li odpowiadającą wysokości jednego wiersza i nadać mu overflow: hidden;. Wtedy z kolei tekst będzie się zawijał jak poprzednio, ale tylko pierwsza linijka będzie widoczna.

@Sowiq - Dzięki za rady. Twój sposób prawie działa, ale w moim przypadku, przed tym <li> w którym dochodziło do problemu , jest jescze jedno <li> z numerowaniem wierszy:

Wygląda to tak:

[HTML] pobierz, plaintext 
W kodzie 			  
<li><span>".$i++.".</span></li><li style='white-space: nowrap;'>blablablaaaaaaaaaaaaaaaaa</li>
[HTML] pobierz, plaintext 

No i jeśli to 'blablablaaaaaa' jest za długi to rzeczywiście mi je skraca, ale i tak wrzuca do nowej linii w stosunku do tego pierwszeg <li> z numerowaniem (span)
Wynik na stronie:

[HTML] pobierz, plaintext 
 
1. 
blablabla
2. 
tralalalal
[HTML] pobierz, plaintext 

a ja chciałbym, żeby to wszystko było w 1 linii.

Próbowałem dodać nowrap do 1 <li> jak i do <span> ale to nic nie daje.
Może macie jakieś pomysły jak to obejść ?

// EDIT

Dobra objąłem wszystko w dodatkowy span, do którego dodałem nowrap, zamiast do <li> i gra gitara, chociaż nie wiem czy to najlepszy sposób, żeby elementy listy w span obejmować, no ale
jak mus to mus