これはこのサイトへの私の最初の投稿ですので、十分に明確でない場合は失礼します。
現在、ワードプレスを使用して構築されたWebサイトで作業してい ますが、CSSに問題があります。
メニューバーはulで作成されており、ナビゲーターでテキストサイズを大きくすると（たとえば、ctrl + scrollを使用）、この画像のようにliアイテムがdivからオーバーフローします。
この場合、liを2つに分割して、divに収めたいのですが、それを実現する方法がわかりませんでした。私はすでに「ワードブレイク」ソリューションを試しましたが、間違っていたと思います。
私のサイトはWordpressでホストされているため、デザインに2つの異なるCSSシートが使用されていますが、これは少し面倒です。
これが私のシートの一部です：
#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;}
テーマのCSSリンクを投稿できません。これは、新しいメンバーとして、投稿によるハイパーリンクが2つに制限されているためです。
ご協力ありがとうございました。