title: how to use no margin image side image in html, css
body: <p>I want to show this four images without any margin. How to do this?</p>
  
  <p>Each A,B,C,D look like one image.</p>
  
  <p>A<br>
  B<br>
  C<br>
  D</p>
  
  <pre><code>&lt;div align="center"&gt;
      &lt;img src="a.png"&gt;
      &lt;br/&gt;
      &lt;img src="b.png"&gt;
      &lt;br/&gt;
      &lt;img src="c.png"&gt;
      &lt;br/&gt;
      &lt;img src="d.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried css margin=0 and style padding =0 but it is not working.</p>
  
  <p>Update---</p>
  
  <pre><code>&lt;img id="ImgEmotion" src="a.png" width="40" border="0"&gt;
  &lt;img src="b.png" width="20" height="20" border="0"&gt;
  </code></pre>
  
  <p>If I use css, I know there are no margin.</p>
  
  <p>If I use <code>#no_margin</code>, how can I apply to img tag? Also I need the <code>'id='ImgEmotion'</code>.</p>