How to align caption underneath image

Good Grasshopper answered on May 23, 2022 Popularity 3/10 Helpfulness 3/10

answer How to align caption underneath image

How to align caption underneath image

Comment

<figure>
    <img src='http://placehold.it/200x200' alt='missing' />
    <figcaption>Album name goes here
        <br>Year goes here
        <br>artist name goes here</figcaption>
</figure>

figure {
    display: inline-block;
    border: 1px dotted gray;
    margin: 20px; /* adjust as needed */
}
figure img {
    vertical-align: top;
}
figure figcaption {
    border: 1px dotted blue;
    text-align: center;
}

Popularity 3/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: caption image whatever

Link to this answer
Share Copy Link

Contributed on May 23 2022

Good Grasshopper

0 Answers Avg Quality 2/10

How to align caption underneath image

Contents

More Related Answers

How to align caption underneath image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.