<ul> Elemente, die von nav - css, html-Listen, Überlauf überlaufen

Dies ist mein allererster Beitrag auf dieser Website. Entschuldigen Sie mich, wenn ich nicht klar genug bin.

Ich arbeite gerade an einem Webseite mit WordPress erstellt, und ich habe ein Problem mit CSS.

Meine Menüleiste besteht aus einem ul, und wenn ich die Textgröße in meinem Navigator (z. B. mit Strg + Bildlauf) vergrößere, werden die Elemente von div wie in überlaufen dieses Bild.

In diesem Fall möchte ich, dass das Li aufgeteilt wirdin zwei Teilen und passte in das div, aber ich fand nicht, wie ich das realisieren kann. Ich habe bereits die "Word-Break" -Lösung ausprobiert, aber ich denke, ich habe es falsch gemacht.

Da meine Website von Wordpress gehostet wird, werden zwei unterschiedliche CSS-Tabellen für das Design verwendet, was etwas unordentlich ist.

Hier ist ein Teil meines Blattes:

#access {
display:inline-block;
width:27%;
font-size:100%;
margin:2.5% auto 6px;
border:none;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;}

#access a {
display:inline-block;
max-width:100%;
color:rgb(0,102,138);
font-size:22px;
padding:none;
line-height:30px;}

#access li {
display:block;
padding:4px;
float:none;}

#access ul {
list-style:none;
font-size:100%;
margin:0;}

Ich kann den CSS-Link des Themas nicht "posten", da ich als neues Mitglied per Post auf 2 Hyperlinks begrenzt bin.

Danke für Ihre Hilfe.

Antworten:

Diese Menüpunkte enthalten geschützte Leerzeichen:

Coaching professionnel

Elternbetreuung

Coaching professionnel
Coaching parental

Das heißt, wenn Text größer wird, bleiben alle in einer Zeile.

Ihr # Access hat auch einen Überlauf: hidden; Entfernen Sie das und entfernen Sie die geschützten Leerzeichen ("& nbsp")