Center image using text-align center

Question

Is text-align: centre; an appropriate CSS attribute to use to centre an image?

img {
    text-align: center;
}

Answer 1

To use text-align: centre on an image, insert the img> inside a block-level element such as a div. Because the text-align attribute is only applicable to block-level elements, you must use text-align: centre; on the wrapping block-level element to produce a horizontally centred <img>.