Menu
As align attribute has been deprecated. What is replacement of <img align="middle"> in HTML 5?
321
For support in HTML5, use a style attribute with the value text-align:center inside of a block-level element; such as a <p></p> tags.
The align attribute of <object> is not supported in HTML5. Use CSS instead. For an object to align middle, top, or bottom use the CSS property vertical-align. For an object to align left or right use the CSS property float.
The attribute is used with the HTML <p> tag, with the CSS property text-align for the center, left and right alignment. HTML5 do not support the align attribute of the <p> tag, so the CSS style is used to set text alignment.
An <img> element is an inline element (display value of inline-block ). It can be easily centered by adding the text-align: center; CSS property to the parent element that contains it. To center an image using text-align: center; you must place the <img> inside of a block-level element such as a div .
Use CSS's vertical-align property, specifically vertical-align: middle
<img src="image.png" style="vertical-align:middle" />
Demo
See this page for more information on Aligning inline images with the vertical-align property
136
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
