0
サブドロップダウンメニューのマーカーを作成したいと思います。 私は以下を作成しました。htmlドロップダウンメニューで、サブテキストをマーキングするために、部分テキストを右側に揃える方法
Iは、次のレベルのサブメニューがあることを示すためにfont-awesome
のアイコンを挿入しました。このアイコンを右に揃えたい場合、最善の方法は何ですか? CSSにクラスを追加するか、ただalign="right"
を使用しますか?ここで
はコードです:
<div class="menuSection">
<div class="menuItem" rendercondition="[Relatics.Portallink Sequence='410' Get='Visibility' ExpectedResult='Visible']">
<div class="dropdown">
<button class="dropbtn"><i class="fa fa-random fa-3x" aria-hidden="true"></i><br> [Relatics.Portallink Sequence='400' Get='Name']</button>
<div class="dropdown-content">
<ul>
<li><a href="[Relatics.Portallink Sequence='410' Get='Url']" target="Main"><i class="fa fa-bolt fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='410' Get='Name'] <i class="fa fa-play-circle fa-1x"></a>
<ul>
<li><a href="[Relatics.Portallink Sequence='411' Get='Url']" target="Main"><i class="fa fa-level-down fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='411' Get='Name'] </a></li>
<li><a href="[Relatics.Portallink Sequence='412' Get='Url']" target="Main"><i class="fa fa-table fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='412' Get='Name'] </a></li>
<li><a href="[Relatics.Portallink Sequence='413' Get='Url']" target="Main"><i class="fa fa-list-ol fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='413' Get='Name'] </a></li>
</ul>
</li>
<li><a href="[Relatics.Portallink Sequence='420' Get='Url']" target="Main"><i class="fa fa-chain-broken fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='420' Get='Name'] <i class="fa fa-play-circle fa-1x"></a>
<ul>
<li><a href="[Relatics.Portallink Sequence='421' Get='Url']" target="Main"><i class="fa fa-level-down fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='421' Get='Name'] </a></li>
<li><a href="[Relatics.Portallink Sequence='422' Get='Url']" target="Main"><i class="fa fa-table fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='422' Get='Name'] </a></li>
</ul>
</li>
<li><a href="[Relatics.Portallink Sequence='430' Get='Url']" target="Main"><i class="fa fa-exchange fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='430' Get='Name'] <i class="fa fa-play-circle fa-1x"></a>
<ul>
<li><a href="[Relatics.Portallink Sequence='431' Get='Url']" target="Main"><i class="fa fa-level-down fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='431' Get='Name'] </a></li>
<li><a href="[Relatics.Portallink Sequence='432' Get='Url']" target="Main"><i class="fa fa-table fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='432' Get='Name'] </a></li>
</ul>
</li>
<li><a href="[Relatics.Portallink Sequence='440' Get='Url']" target="Main"><i class="fa fa-puzzle-piece fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='440' Get='Name'] <i class="fa fa-play-circle fa-1x"></a>
<ul>
<li><a href="[Relatics.Portallink Sequence='441' Get='Url']" target="Main"><i class="fa fa-level-down fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='441' Get='Name'] </a></li>
<li><a href="[Relatics.Portallink Sequence='442' Get='Url']" target="Main"><i class="fa fa-table fa-2x" aria-hidden="true"></i>  [Relatics.Portallink Sequence='442' Get='Name'] </a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
あなたは 'floatをしようとしました:このアイコンのright'を? – Styx