Hogyan legyenek egymás mellett a linkek?

Hogyan tudom megoldani a következő kódban ,hogy a képtől függetlenül egymás mellett legyen a két link? Jelenleg a sor szélén lévő link feljebb van, mint a kép melletti...

Azért van egy li-ben a kép és a link, mert szeretném, ha érintésre együtt változna, tehát kicserélődne a kép és a link színe megváltozna, s a "li id" teljes tartalmára bárhova szeretnék kattintani, hogy elvezessen a link helyére.

Vagy már eleve a kód sem jó amit írtam?

<div class="also">

<nav class="lower-footer-menu">

<ul class="footer-bottom">

<li><a href="https://www.zoltanorosz.com/hu/kapcsolat">Kapcsolat</a></li>

<li id="footer-webshop-box">

<img src="cartfooter.png" alt="Webáruház" title="Webáruház"/>

<a href="/webshop">Webáruház</a>

</li>

</ul>

</nav>

</div>