Empêcher saut de ligne html

Bonjour,
Je suis débutant et je modifie un template HTML sur un Google Sheet. J'aimerais avoir une icône puis un hyperlien à la suite, le problème c'est qu'à chaque fois il y a un retour de ligne après l'icône. Voici le code:
<i class="material-icons blue">keyboard_arrow_right</i><a href="{{Title}}" target="_blank" onclick="ga('send', 'event', '{{Chapter}}', '{{Link}}', '{{Language}}');"><div class="hse">{{Title}} <img src="https://sites.google.com"/></div>
</a>

Le retour à la ligne intervient entre l'icône du i class et le lien du a href, pourriez-vous m'aider à empêcher ce retour à la ligne?

Merci d'avance !
R.

Salut,

Tu peux les entourer avec une div ou un span et utiliser white-space: no-wrap;

<span class="link-icon-wrapper"><i class="material-icons blue">keyboard_arrow_right</i><a href="">toto</a><span>

.link-icon-wrapper {
    whitse space: no-wrap;
}

Modifié par _laurent (02 Jul 2020 - 14:01)

Ok my bad j'avais pas vu. Il y a une div à l'intérieur de ton <a> c'est possiblement ca qui bloque plutot.

Remplace ta <div class="hse"> par un <span class="hse">

Merci beaucoup de ta réponse! Le saut de ligne n'est plus là! Cependant l'icône et le lien juste après ne sont pas alignés est ce que cela vient d'un autre saut de ligne? Ou faut il entrer une nouvelle ligne de code pour les aligner?