user123 user123 - 2 months ago 21
CSS Question

HTML Table : put an image or circle on border



<table>
<tr>
<td valign="top" align="center" style=" padding-left: 30px; padding: 10px; border-left: thin gray solid; ">
<p style="padding-left: 50px; text-align: left; font-weight: 600;">
<span style="color: #ee163a; font-size: 12px;">08:30 am - 09:30 am</span><br>
<span style="color: black; font-size: 10px;">Tea, Registration and Networking </span>
</p>
</td>
</tr>
</table>





I want to put an image or circle on the starting of
left border
.

Just like in the image.

Here is the image

PS: Cant' use
div
, have to stick to
table
and inline css , only.

(I am making an HTML emailer)

Answer

Outlook doesn't support position property. so it will not work in outlook. if you have static content then you may create the same type of image and put it in you code.