Align Image and Text inside LI element using CSS

Hi ahmadsubuhanl...,

You need to set the Anchor link display property to flex and align-items property to center.

Please refer below example.

HTML

<ul style="list-style-type: none">
    <li><a href="form/Wleave.aspx" class="fontwarna">
        <img src="../img/icons8-school-25.jpg" />
        Table Pendidikan</a></li>
    <li><a href="form/Wleave.aspx" class="fontwarna">
        <img src="../img/icons9-school-25.jpg" />
        Table Dept</a></li>
    <li><a href="form/Wleave.aspx" class="fontwarna">
        <img src="../img/icons10-school-25.jpg" />
        Table Divisi</a></li>
</ul>

CSS

<style type="text/css">
    .fontwarna {
        display: flex;
        align-items: center;
    }
</style>

Screnshot