Zweite Zeile eingerück darstellen

[nukite]

Hallo liebe Forumsmitglieder,

bin ganz neu hier und hoffe dass ich zukünftig auch mal Tipps geben kann aber momentan bin ich Anfängerin und brauche mehrheitlich eure Hilfe.

Habe folgendes Problem:

ich benutze ein Baummenü und die jeweiligen Kategorienamen sind teilweise sehr lang (muss aber so eingetragen werden), also habe ich mit dem Befehl white-space: normal; einen Zeilenumbruch definiert.

Nun ist aber auf der zweiten Zeile der Text zu weit links (siehe Datei im Anhang). Habe dann mit text-indent: xxpx; versucht einen Einzug zu erreichen, aber dies hat nicht funktioniert.

Die CSS-Datei sieht momentan so aus:

.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
white-space: nowrap;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
font-size: 10px;
white-space: normal;
padding: 1px 2px 0px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}


könnt ihr mir einen Tipp geben wie ich dies lösen kann?

Danke schonmal im Voraus und liebe Grüsse

nukite

[Azra]

Ohne zugehöriges HTML kann ich nicht beurteilen wo eventuell ein padding fehlt