Categories CSS How to fix image inside div has extra space below the image with CSS? Post author By John Au-Yeung Post date February 13, 2023 No Comments on How to fix image inside div has extra space below the image with CSS? Spread the love To fix image inside div has extra space below the image with CSS, we make the image a block element. For instance, we write img { display: block; } to make the image a block element with display: block; to remove the space below the image. Related Posts How to fix image not showing in React Native and JavaScript?To fix image not showing in React Native and JavaScript, we set the source prop… How to vertically align an image inside a div with CSS?Sometimes, we want to vertically align an image inside a div with CSS. In this… How to fix the "Invalid prop 'source' supplied to Image" error with React-Native Image?To fix the "Invalid prop 'source' supplied to Image" error with React-Native Image, we set… By John Au-Yeung Web developer specializing in React, Vue, and front end development. View Archive → ← How to position absolute but relative to parent with CSS? → How to make a div vertically scrollable using CSS? Leave a Reply Cancel replyYour email address will not be published. Required fields are marked *Comment * Name * Email * Website Save my name, email, and website in this browser for the next time I comment. Current ye@r * Leave this field empty