Kan dette lade sig gøre med CSS

Det kan du ikke (ordentligt) med CSS.

Du kan smide teksten i en beholder, f.eks.:

<span class="cut20">Her er en meget lang tekst Her er en meget lang tekst Her er en meget lang tekst</span>

og så bruge CSS-klassen:

.cut20{
  width:50px;
  overflow:hidden;
}

Det vil gøre tekstens beholder 50px bred, og alt, der ikke kan være inden for de 50px, bliver skåret af, så de ikke vises.

Ellers kan det gøres med java script:

<span id="cut20">Her er en meget lang tekst Her er en meget lang tekst Her er en meget lang tekst</span>

<script type="text/javascript">
var o=document.getElementById("cut20");
o.firstChild.nodeValue=o.firstChild.nodeValue.slice(0,20);
o=null;
</script>

Men hvis du henter teksten ServerSide (med f.eks. ASP eller PHP), er det klart bedst at tage de første 20 tegn ServerSide også.

w13 >> inline elementer kan ikke have en brede iflg specifikationen, så derfor vil dit css eksemple ikke virke.

Nej, det er rigtigt. I stedet for span skal det være div.

jeg fik "fusket" noget frem vha dit eksempel