次のことを行うよりエレガントな方法があるかどうか疑問に思っていました。
基本的に、Wordpress によって出力される標準の水平メイン メニューがあります。私がやりたいことは、半分を左に、半分を右に浮かせて、真ん中にロゴを入れることです。これを行うために、以下のようにカスタム クラスを (wordpress メニュー パネル経由で) 各 li にアタッチしました。
.menu-li-left {
float: left;
}
.menu-li-right {
float: right;
}
ただし、右側はもちろん逆順です。それをごまかすために、「右：-9％と右：9％」のようなものを使用して各メニュー項目を並べ替えてテストしました（右側には3つのメニュー項目しかありません）。動作しているように見え、レスポンシブでもありますが、これはあまりエレガントではありません。
CSS を介してよりエレガントなソリューションを提案できる人はいますか?それとも CSS だけでは不可能ですか?
ありがとう