How to Add top and bottom margins to image (with CSS)

See the Example

index.html

Example: HTML


<p><img src="https://horje.com/avatar.png" alt="Smiley face" width="42" height="42"> This is some text. This is some text. This is some text.</p>
<h2>Image with top and bottom margins</h2>
<p><img src="https://horje.com/avatar.png" alt="Smiley face" width="42" height="42" style="vertical-align:middle;margin:50px 0px">This is some text. This is some text. This is some text.</p>

Output should be:

Single Articles

How to create HTML <img> Tag	HTML Tag
Which browser will support for HTML <img> Tag	HTML Tag
Attributes for HTML <img> Tag	HTML Tag
How to add Align image (with CSS)	HTML Tag
How to Add image border (with CSS):	HTML Tag
How to Add left and right margins to image (with CSS)	HTML Tag
How to Add top and bottom margins to image (with CSS)	HTML Tag
How to insert images from another folder or from another web site	HTML Tag
How to add a hyperlink to an image	HTML Tag
How to create an image map, with clickable regions. Each region is a hyperlink	HTML Tag
How to set Default CSS Settings for HTML <img> Tag	HTML Tag
How to add HTML <img> alt Attribute	HTML Tag
How to add HTML <img> height Attribute	HTML Tag
How to HTML <img> ismap Attribute	HTML Tag
How to add HTML <img> loading Attribute	HTML Tag
How to add HTML <img> longdesc Attribute	HTML Tag
How to add HTML <img> referrerpolicy Attribute	HTML Tag
How to add HTML <img> Size Attribute	HTML Tag
How to add HTML <img> crossorigin Attribute	HTML Tag
How to add HTML <img> src Attribute	HTML Tag
How to add HTML <img> srcset Attribute	HTML Tag
How to add HTML <img> usemap Attribute	HTML Tag
How to add HTML <img> width Attribute	HTML Tag

HTML <!--...--> Tag	HTML Tag
HTML <!DOCTYPE> Declaration	HTML Tag
HTML Elements and Doctypes	HTML Tag
HTML <a> Tag	HTML Tag
HTML <abbr> Tag	HTML Tag
HTML <acronym> Tag	HTML Tag
HTML <address> Tag	HTML Tag
HTML <applet> Tag	HTML Tag
HTML <area> Tag	HTML Tag
HTML <article> Tag	HTML Tag
HTML <aside> Tag	HTML Tag
HTML <audio> Tag	HTML Tag
HTML <b> Tag	HTML Tag
HTML <base> Tag	HTML Tag
HTML <basefont> Tag	HTML Tag
HTML <bdi> Tag	HTML Tag
HTML <bdo> Tag	HTML Tag
HTML <big> Tag	HTML Tag
HTML <blockquote> Tag	HTML Tag
HTML <body> Tag	HTML Tag
HTML <br> Tag	HTML Tag
HTML <button> Tag	HTML Tag
HTML <canvas> Tag	HTML Tag
HTML <caption> Tag	HTML Tag
HTML <center> Tag	HTML Tag
HTML <cite> Tag	HTML Tag
HTML <code> Tag	HTML Tag
HTML <col> Tag	HTML Tag
How to create HTML <colgroup> Tag	HTML Tag
HTML <data> Tag	HTML Tag
HTML <datalist> Tag	HTML Tag
HTML <dd> Tag	HTML Tag
HTML <del> Tag	HTML Tag
HTML <details> Tag	HTML Tag
HTML <dfn> Tag	HTML Tag
HTML <dialog> Tag	HTML Tag
HTML <dir> Tag	HTML Tag
HTML <div> Tag	HTML Tag
HTML <dl> Tag	HTML Tag
HTML <dt> Tag	HTML Tag
HTML <em> Tag	HTML Tag
HTML <embed> Tag	HTML Tag
HTML <fieldset> Tag	HTML Tag
HTML <figcaption> Tag	HTML Tag
HTML <figure> Tag	HTML Tag
HTML <font> Tag	HTML Tag
HTML <footer> Tag	HTML Tag
HTML <form> Tag	HTML Tag
HTML <frame> Tag	HTML Tag
HTML <frameset> Tag	HTML Tag
HTML <h1> to <h6> Tags	HTML Tag
HTML <head> Tag	HTML Tag
HTML <header> Tag	HTML Tag
HTML <hgroup> Tag	HTML Tag
HTML <hr> Tag	HTML Tag
HTML <html> Tag	HTML Tag
HTML <i> Tag	HTML Tag
HTML <iframe> Tag	HTML Tag
HTML <img> Tag	HTML Tag
HTML <input> Tag	HTML Tag
HTML <ins> Tag	HTML Tag
HTML <kbd> Tag	HTML Tag
HTML <label> Tag	HTML Tag
HTML <legend> Tag	HTML Tag
HTML <li> Tag	HTML Tag
HTML <link> Tag	HTML Tag
HTML <main> Tag	HTML Tag
HTML <map> Tag	HTML Tag
HTML <mark> Tag	HTML Tag
HTML <menu> Tag	HTML Tag
HTML <meta> Tag	HTML Tag
HTML <meter> Tag	HTML Tag
HTML <nav> Tag	HTML Tag
HTML <noframes> Tag	HTML Tag
HTML <noscript> Tag	HTML Tag
HTML <object> Tag	HTML Tag
HTML <ol> Tag	HTML Tag
HTML <optgroup> Tag	HTML Tag
HTML <option> Tag	HTML Tag
HTML <output> Tag	HTML Tag
HTML <p> Tag	HTML Tag
HTML <param> Tag	HTML Tag
HTML <picture> Tag	HTML Tag
HTML <pre> Tag	HTML Tag
HTML <progress> Tag	HTML Tag
HTML <q> Tag	HTML Tag
HTML <rp> Tag	HTML Tag
HTML <rt> Tag	HTML Tag
HTML <ruby> Tag	HTML Tag
HTML <s> Tag	HTML Tag
HTML <samp> Tag	HTML Tag
HTML <script> Tag	HTML Tag
HTML <search> Tag	HTML Tag
HTML <section> Tag	HTML Tag
HTML <select> Tag	HTML Tag
HTML <small> Tag	HTML Tag
HTML <source> Tag	HTML Tag
HTML <span> Tag	HTML Tag
HTML <strike> Tag	HTML Tag
HTML <strong> Tag	HTML Tag
HTML <style> Tag	HTML Tag
HTML <sub> Tag	HTML Tag
HTML <summary> Tag	HTML Tag
HTML <sup> Tag	HTML Tag
HTML <svg> Tag	HTML Tag
HTML <table> Tag	HTML Tag
HTML <tbody> Tag	HTML Tag
HTML <td> Tag	HTML Tag
HTML <template> Tag	HTML Tag
HTML <textarea> Tag	HTML Tag
HTML <tfoot> Tag	HTML Tag
HTML <th> Tag	HTML Tag
HTML <thead> Tag	HTML Tag
HTML <time> Tag	HTML Tag
HTML <title> Tag	HTML Tag
HTML <tr> Tag	HTML Tag
HTML <track> Tag	HTML Tag
HTML <tt> Tag	HTML Tag
HTML <u> Tag	HTML Tag
HTML <ul> Tag	HTML Tag
HTML <var> Tag	HTML Tag
HTML <video> Tag	HTML Tag
How to add HTML <wbr> Tag	HTML Tag

Type :	html
Category :	Web Tutorial
Sub Category :	HTML Tag
Uploaded by :	Admin