Use some css to target all the images which are inside their container, so if the images are in a <div> with the class of articles:
.articles img {
margin-right: 15px;
}
or a <div> with the id of articles:
#articles img {
margin-right: 15px;
}
EDITED. If its for a newsletter that you are mailing out then it needs to be more like below::::::
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<table style="width: 600px; margin: 0 auto;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="background-color: #544773; padding: 20px 0 20px 20px;">
<img src="http://images.all-free-download.com/images/graphiclarge/butterfly_on_flower_186209.jpg" width="125" height="125" alt="" />
</td>
<td style="font-family: helvetica, arial, sans-serif; background-color: #544773; padding: 20px 0 20px 20px;">
<p style="font-size: 18px; color: #fff; margin: 0; padding: 0 0 10px 0;">Title of news article</p>
<p style="color: #fff; margin: 0; padding: 0; color: #fff;">
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
</p>
</td>
</tr>
<tr>
<td style="background-color: #544773; padding: 20px 0 20px 20px;">
<img src="http://images.all-free-download.com/images/graphiclarge/butterfly_on_flower_186209.jpg" width="125" height="125" alt="" />
</td>
<td style="font-family: helvetica, arial, sans-serif; background-color: #544773; padding: 20px 0 20px 20px;">
<p style="font-size: 18px; color: #fff; margin: 0; padding: 0 0 10px 0;">Title of news article</p>
<p style="color: #fff; margin: 0; padding: 0; color: #fff;">
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
</p>
</td>
</tr>
<tr>
<td style="background-color: #544773; padding: 20px 0 20px 20px;">
<img src="http://images.all-free-download.com/images/graphiclarge/butterfly_on_flower_186209.jpg" width="125" height="125" alt="" />
</td>
<td style="font-family: helvetica, arial, sans-serif; background-color: #544773; padding: 20px 0 20px 20px;">
<p style="font-size: 18px; color: #fff; margin: 0; padding: 0 0 10px 0;">Title of news article</p>
<p style="color: #fff; margin: 0; padding: 0; color: #fff;">
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
</p>
</td>
</tr>
</table>
</body>
</html>
.png)
6
Replies
AdChoices