There is a small space below the img

Question

There is always a 6 pixels space below the image. I am using materialize instead of bootstrap.

<div class="container">
<div class="row">
    <div class="no-padding">
        <img src="https://i1.wp.com/testing.datahub.io/static/img/logo-cube03.png" />
    </div>
</div>

body {
    background-color: #2c3e50;
}

Also link to JSFiddle

My code is very simple, even I clean all of the other things.

When I inspect on div class="no-padding" it shows 486 pixels and when I inspect on the img it shows 480 pixels.

I want to remove the 6 pixels space.

row class shows 20px margin bottom – TechGirl Sep 21 '17 at 08:47 — TechGirl, Sep 21 '17 at 08:47

score 2 · Accepted Answer · answered Sep 21 '17 at 08:48

2

Adding display: block; to the image is one fix.

See also : What is the gap or extra space below image?

answered Sep 21 '17 at 08:48

defteH

141
2
10

1

Thanks. That works. – Nghi Nguyen Sep 21 '17 at 08:52

There is a small space below the img

1 Answers1