一部のテキストがプロパティ vertical-align:super を動的に持つ必要があるメニューを開発しようとしています。「スーパー」テキストを含むこのアイテムが、他のアイテムと垂直方向に整列していないことが発生しています。
ここにCSSコード:
<style>
#menu{width:300px;height:100px;background:#ABD4E6;}
#menu ul{list-style:none;}
#menu li{float:left;background:#054664;padding:20px;}
</style>
<div id="menu">
<ul>
<li>Home</li>
<li>App<span style="vertical-align: super;">*</span></li>
<li>Contacts</li>
</ul>
</div>
どうすれば問題を解決できますか?
よろしくお願いします