표 셀 내에서 동일한 세로 간격

Question

HTML 전자 메일을 디자인하고 있습니다. 나는 상단과 하단에 이미지와 단락이있다. 이 3 개는 표 셀 안에 있습니다. 이미지가 셀 중앙에 있어야하고 2 단락이 이미지에서 수직으로 등거리에 있어야합니다.

<td height="200" style="vertical-align:middle;"> 
    <p style="vertical-align:middle;">Lorem Ipsum</p> 
    <img src="pic.jpg" height="150" /> 
    <p style="vertical-align:middle;">Lorem Ipsum</p> 
</td> 

지금은 3 개가 세로로 정렬되어 있지 않습니다. 어떻게 서로 수직으로 같은 공간에 정렬시킬 수 있습니까?

Answer 1

이 방법으로 그것을 잘 작동합니다 :

<style> 
    td { 
     vertical-align:middle; 
    } 
</style> 

그리고 HTML :

<table> 
    <tr> 
     <td> 
      <p>Lorem Ipsum</p> 
     </td> 
     <td> 
      <img src="http://lorempixel.com/output/food-h-c-100-200-8.jpg" alt=""> 
     </td> 
     <td> 
      <p>Lorem Ipsum</p> 
     </td> 
    </tr> 
</table> 

을