Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Remove White Space Below Images</title> <style> .img-box1, .img-box2{ width: 125px; border: 4px solid #333; } .img-box2 img{ display: block; } </style> </head> <body> <h3>Default Behavior</h3> <div class="img-box1"> <img src="/examples/images/club.jpg" alt="Club Card"> </div> <br> <h3>After Changing Display Property</h3> <div class="img-box2"> <img src="/examples/images/club.jpg" alt="Club Card"> </div> </body> </html>
