Question

<div class="left">
    <a href="index.php">
        <img class="logo" src="images/logo.png" alt="logo" width="100%" height="auto" />
    </a>
    <img class="certificates" src="images/certificates.png" alt="Certificates" />
</div>

.left {
    background-image: url("../images/left_background.jpg");
    background-repeat: repeat-x;
    height: 600px;
    width: 25%;
    float: left;
    margin-left: 6%;
}

.certificates {
 position: relative;
    margin-bottom: 5px;
}

In that margin-bottom isn’t working. I want the image always be in the bottom of <div>. But I when set margin_bottom: 5px nothing happens there. What should I do here?

Answer 1

If you want the image to stay on bottom of the div, then margin-bottom is not what you want at all.

position: absolute;
bottom: 0px;

for .certificates will position it inside the div, but only if you add position: relative; to the .left {}.