Как использовать CSS для Icon, чтобы он реагировал на каждый текст, а также на каждое разрешение браузера - PullRequest
Новая
       24

Как использовать CSS для Icon, чтобы он реагировал на каждый текст, а также на каждое разрешение браузера

0 голосов
/ 07 июня 2019

Я использую nav с li, ul для формирования строки меню.В этой строке меню у меня разные - разные заголовки и один значок стрелки с ними.Но проблема в том, что значок не реагирует, и он отображается в разных позициях-2 при различном разрешении экрана -2.

HTML 


<li>
   <a style="cursor: pointer">
     <i class="fa fa-user"></i>
    Agent Access
     <span class="fa fa-chevron-down" id="arrow"></span>
     <ul>
     </ul>
   </a> 
</li>

<li>
    <a style="cursor: pointer">
       <i class="fa fa-file"></i> 
       Reports 
       <span class="fa fa-chevron-down" id="arrow"></span>
    </a>
    <ul>
    </ul>                           
</li>

Я хочу, чтобы значок стрелки был отзывчивым для каждогозаголовок меню (должен быть на одном и том же месте в любом режиме, текст короткий или длинный) и на любом разрешении экрана. См. изображение для справки

...