Css 如何在同一级别为它们设置图标？

如何在同一级别为它们设置图标

代码：

Palmares
等级
库斯
网站

实际上，我对爱奥尼亚没有任何了解，但我将尝试使用按钮的基本内联css

<button icon-button block (click)="nextpage();"> Palmares
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block (click)="nextpage();" icon-right> Classement
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Cours
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Site Web
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>

Palmares
等级
库斯
网站

---

这可能会成功，祝你好运

请在此处添加您尝试过的代码。请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难说清楚你在问什么。谢谢你的回复，你能投票支持我的正确答案吗？祝你好运！

<button icon-button block (click)="nextpage();"> Palmares
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block (click)="nextpage();" icon-right> Classement
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Cours
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Site Web
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>