Vertically Align in Center an Icon to Text Paragraph

Halo, saya sedang membuat Latihan membuat template Footer yang bagus, ini project pertama saya, dan saya sudah membuat kode seperti dibawah dengan CSS tapi kurang rapih, dan saya stuck disitu

               <div class="footer-center">
                    <h4 class="list-title">Quick Links</h4>
                    <ul>
                        <li>
                            <img src="Footer Icons/1x/Home.png" alt="">
                            <a href="#">Home</a>
                        </li>
                        <li>
                            <img src="Footer Icons/1x/About Me.png" alt="">
                            <a href="#">About Me</a>
                        </li>
                        <li>
                            <img src="Footer Icons/1x/Email.png" alt="">
                            <a href="#">Contact</a>
                        </li>
                        <li>
                            <img src="Footer Icons/1x/Forum.png" alt="">
                            <a href="#">Forum</a>
                        </li>
                        <li>
                            <img src="Footer Icons/1x/Privacy Police.png" alt="">
                            <a href="#">Privacy Policy</a>
                        </li>
                    </ul>
                </div>

Icon dengan text kurang rapih

avatar 24_mazkabuanahidayat
@24_mazkabuanahidayat

1 Kontribusi 0 Poin

Diperbarui 2 tahun yang lalu

Tanggapan

coba diperjelas, maunya seperti apa

1 Jawaban:

Jawaban Terpilih

<div>Kalau mau memberi jarak, bisa berikan width pada imagenya, jadi setiap gambar punya lebar yang sama, atau beri margin-right</div>

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 2 tahun yang lalu

Login untuk ikut Jawaban