HTML juxtaposés alignés haut (table-cell)

by jeum

HTML

<div class="line">
  <a href="http://jm.anastasi.free.fr/plasteurop/images/Types.gif" target="_blank"><img src="http://jm.anastasi.free.fr/plasteurop/images/Types.gif"></a>
  <ul>
      <li>
      <a href="http://jm.anastasi.free.fr/plasteurop/images/Jonction-P2.gif" target="_blank"><img src="http://jm.anastasi.free.fr/plasteurop/images/Jonction-P2.gif"></a>
      </li>
      <li>
      <a href="http://jm.anastasi.free.fr/plasteurop/images/Jonction-P0-SEM.gif" target="_blank"><img src="http://jm.anastasi.free.fr/plasteurop/images/Jonction-P0-SEM.gif"></a>
      </li>
  </ul>
  <a href="http://jm.anastasi.free.fr/plasteurop/images/Bord-lateral.gif" target="_blank"><img src="http://jm.anastasi.free.fr/plasteurop/images/Bord-lateral.gif"></a>
</div>

CSS

.line img{
  width:240px;
}
.line ul img{
  width:214px;
}
.line{
  display: table;
}
.line a{
	display: table-cell;
	vertical-align: bottom;
}
.line ul{
	margin: 0;
	padding: 0;
  list-style: none;
}