ホームページのメニューにタイトルを追加する CMS を使用しています。これはLiの形です。
ページ タイトルに 'Hello World' という 2 つの単語が含まれている場合、2 つの単語の間に改行が必要なので、単語が 2 行に表示されます。これどうやってするの ?
ワードラップ、空白の組み合わせを試しましたが、空白を強制しません。助けていただければ幸いです。ありがとう
更新: SharePoint を使用しており、タイトルにタグを追加できません。
.s4-tn li.static > .menu-item {
color:white;
border:0px none transparent;
background-color:transparent;
height:38px;
padding:7px 10px 5px;
font-size:1.2em;
border-left: 1px solid transparent;
border-right: 1px solid white;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
}
.menu-item-text {
width:6em;
background:lime;
height:30px;
white-space:pre-line;
}
ブラウザでレンダリングされた HTML コード:
<div class="menu horizontal menu-horizontal">
<ul class="root static">
<li class="static"><a class="static menu-item" href="/expense" accesskey="1"><span class="additional-background"><span class="menu-item-text">Expense Form</span></span></a></li><li class="static">