HTML Reference
HTML by Alphabet HTML by Function HTML Attributes HTML Events HTML Canvas HTML Audio/Video HTML Doctypes HTML Colornames HTML Colorpicker HTML Colormixer HTML Character Sets HTML ASCII HTML ISO-8859-1 HTML Symbols HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods Keyboard ShortcutsHTML Tags
<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <head> <header> <hgroup> <h1> - <h6> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>HTML <img> align Attribute
Example
Align an image in the middle of a text:
<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="middle"> This is some text.</p>
Try it yourself »
Browser Support
The align attribute is supported in all major browsers.
Definition and Usage
The <img> align attribute is not supported in HTML5. Use CSS instead.
The align attribute of <img> is deprecated in HTML 4.01.
The align attribute specifies the alignment of an image according to the surrounding element.
The <img> element is an inline element (it does not insert a new line on a page), meaning that text and other elements can wrap around it. Therefore, it can be useful to specify the alignment of the image according to surrounding elements.
Compatibility Notes
The align attribute of <img> is deprecated in HTML 4.01. Use CSS instead.
CSS syntax: <img style="float:right">
CSS Example: Float an image to the right
In our CSS tutorial you can find more details about the float property.
Syntax
<img align="left|right|middle|top|bottom">
Attribute Values
| Value | Description |
|---|---|
| left | Align the image to the left |
| right | Align the image to the right |
| middle | Align the image in the middle |
| top | Align the image at the top |
| bottom | Align the image at the bottom |
HTML <img> tag
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
