الصورة الموضوعة في الخلفية لا تظهر في أسلوب العرض inline

في دورة CSS، في درس الأيقونات في فقرة إضافة صورة كأيقونة، في المثال الثاني تحديداً.

عندما أقوم بتغيير أسلوب العرض من block إلى inline - و هو الأسلوب الإفتراضي للوسم <span> - لا تظهر الصورة بل إن الوسم <div> الذي يحتوي الوسم <span> كله لا يظهر و عندما أغير أسلوب العرض للأسلوب inline-block فإن الوسم <div> يظهر وحده و لا يظهر معه الوسم <span> الذي هو بداخل الوسم <div> علماً أني عدت درس أساليب العرض و لم أجد تفسيراً و شكراً.