Jak zrobic ikone z prawej strony w jednej lini po tagu A

<li>
    <a href="bzdety">Wcisnij mnie</a>
    <i class="glyphicon glyphicon-trash"></i>
</li>

Jak ustawic w css zeby ikona w tagach <i> byla rowno w lini z <a>

Lepiej?

    <li>
      <a style="font-decoration:none; display:inline-block;" href="bzdety">Wcisnij mnie <i class="glyphicon glyphicon-trash"></i></a>
    </li>

nie moze tak byc bo oddzielnie dziala link do klikania a oddzielnie ikona z koszem. dlatego musi byc tag: i wystawiony poza kotwice

To dodaj do tych elementów display:inline-block;

spróbuj tak:

  <li style="display: flex; align-items: center">
      <a href="bzdety">Wcisnij mnie</a>
      <i class="glyphicon glyphicon-trash"></i>
  </li>

  <li>
      <a  href="bzdety" style="display:inline-block;">Wcisnij mnie</a>
       <i class="glyphicon glyphicon-trash " style="display:inline-block;"></i>
    </li>