Salve ragazzi,
in un sito che sto realizzando ho la necessità di mostrare delle piccole anteprime per alcuni contenuti.

In particolare ho una serie di piccoli DIV, uno accanto all'altro, tutti delle stesse dimensioni, che rispettivamente contengono un Titolo e un Immagine subito sotto.

Siccome questi contenuti vengono presi casualmente dal database alcune volte può capitare che il Titolo di un particolare contenuto è formato da una/due parole troppo lunghe e quindi supera le dimensioni del div e mi sposta tutti gli elementi al suo fianco..

All'inizio ho pensato risolvere dando al DIV "overflow:hidden" però non mi piace l'effetto che da, poi mi è venuto in mente di "ridurre" il carattere del titolo laddove il paragrafo superi la dimensione del div..a dirsi è facile ma non saprei come fare, ho pensato a una soluzione con Javascript ma prima vorrei sapere se c'è qualche proprietà apposita che posso dare al <p> dal CSS

Secondo voi come posso fare?

Vi ringrazio in anticipo per le risposte che mi darete, ciao!