✔ Text umbrechen?

[parafi]

Hi miteinander

Ich erstelle gerade eine Art Karussell in der Produkte angezeigt werden sollen. (Sprich ein Cover und dazu den Titel, Jahr und Preis)
Nun habe ich eine Frage an euch.



So sieht das Ganze aus und wie man sieht ist beim 2ten Produkt ein Teil des Titels wie abgeschnitten.
Wie kann ich das umgehen?
Aufgebaut ist das Ganze wie folgt:

<li class="karussell-cell" id="karussell-element#kar_x#">
     <div id="kar_imageContainer">
           <span style="height: 80px; width: 69px; overflow: hidden; vertical-align:middle; margin-bottom:2px; margin-top:2px;">
          <a class="kar_title" title="" href="link" target="_top"><img class="kar_cover" src="bild" alt=""></a>
          </span>
    </div>
    <div class="kar_description">
         <a class="kar_link" title="" href="link" target="_top"><span class="kar_bold">title aud DB<br></span></a>
         <a class="kar_link" title="" href="link" target="_top"><span class="kar_bold"> </span></a>
         <span class="kar_year">jahr aud DB<br></span>
         <span class="kar_year"></span>
         <span class="kar_price">Preis aus DB<br></span>
         <span class="kar_price"></span>
    </div>
</li>

Im CSS habe ich eigentli nur overflow:hidden; angegeben.

Vielen Dank für Eure Hilfe

Grüsse Parafi

 

[timestamp]

overflow hidden; wieder heraus nehmen. Dadurch entsteht nämlich das abschneiden

 

[parafi]

Ich hab's nun draussen, aber da liegt mein Problem nicht. Sondern weil das Wort (Im Bild oben: Geschlechterlüge) einfach zu lang ist. Sprich es ist zu wenig Platz vorhanden für das Ganze Wort.
Gibt es keine Möglichkeit, dass das Ganze von selber umgebrochen wird. Sprich Geschlechter- lüge?

 

[timestamp]

Versuche es mal so:

word-wrap: break-word;

 

[parafi]

Super! Vielen Dank!

Wünsche dir ein schönes Wochenende!

Gruss Parafi