resimleri yan yana alma

arkadaşlar elimde iki resim var yan yana durdurmak istiyorum html ile nasıl yapabilirim ortasında çizgi olucak 2 resmin

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td> 
      <div align="center">resim1</div>
    </td>
    <td> 
      <div align="center">-</div>
    </td>
    <td> 
      <div align="center">resim2</div>
    </td>
  </tr>
</table>

teşekkürler