Saat Anda menambahkan kontainer pada gambar, terkadang Anda akan mengalami persoalan ibarat ini:
.container { border:5px solid #FF0080; }Sebuah celah tampak menganga pada salah satu sisi gambar yang akan menciptakan gambar menjadi tampak semakin buruk.
Masalahnya sangat sederhana: Hal itu terjadi alasannya yaitu gambar masih berada dalam satu garis bersama dengan fatwa teks. Celah yang mengganggu tersebut bergotong-royong hanyalah line-height dari teks yang ikut mengenai gambar.
Cara sederhana untuk mengatasi persoalan itu yaitu dengan mendeklarasikan display:block pada gambar yang dimaksud sehingga fatwa gambar akan terpotong dari teks:
.container { border:5px solid #FF0080; } .container img { display:block; }