CSS Yükseklik ve Genişlik Değerine Göre Metin Sınırlama Sorunu ?

Merhaba arkadaşlar
Wp sitemde son anasayfa ve kategori gibi yerlede eklenen yazıların tamamı görünüyor. Ama ben bunu kutucuğun genişliğine göre otomatik yapsın istiyorum.

div {
width: 60px;
overflow: hidden; /* taşanları gizle */
white-space: nowrap; /* alt satıra hiç inme */
text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
}


Bu kod ile 60 px den sonrası "..." seklinde görünüyor.

Width değerinin yanında bir de height değeri atamak istiyorum. Yani 400px e 400px bir kutunun içine aldığı kadar alacak. Almadığı yerde ... koyacak.

bunu nasıl yaparız ?

http://www.jenst.se/2007/12/03/wp-limit-posts-automatically/ adresteki eklentiyi kurun.
Linkte ayarlarının nasıl olacağı anlatılmış.

100 rakamını istediğiniz gibi değiştirebilirsiniz.
Width , height değeri vermenize/uğraşmanıza gerek kalmaz ;)

Zorunlu kalmadıkça eklenti kurmak istemediğim için kodla çözmenin yoluna bakıyorum. Yardımınız için teşekürler. Eğer kodlarla çözemezsem bu eklentiyi deneyeceğim.

Denedim suan ama su hatayı verdi :

Warning: Cannot modify header information - headers already sent by (output started at /home/beratoz/public_html/hacamat-tr.com/wp-content/themes/butterbelly/functions.php:1) in /home/beratoz/public_html/hacamat-tr.com/wp-includes/pluggable.php on line 1196