How can I align text directly beneath an image?

Question

I used to know how to put an image on top and then justify the text below the image so that it stays within the borders of the width of the image. However, now I have no id

Answer 1

Your HTML:

    
    
Some text

If you know the width of your image, your CSS:

.img-with-text {
    text-align: justify;
    width: [width of img];
}

.img-with-text img {
    display: block;
    margin: 0 auto;
}

Otherwise your text below the image will free-flow. To prevent this, just set a width to your container.