<td> 세로정렬, 밑줄 강조, 글씨 강조, 띄어쓰기 span style

<table class="tbl1">

<tr>

<img src='img/org_bg.jpg'>

</tr>

</td>

</tr>

<tr bgcolor="WhiteSmoke" height="60">

<td align=""> 

<img src='img/tel_icon.png'>

<span style = "font-size:1.2em; color:#1E90FF">&nbsp;&nbsp;대표전화 : ********</span>

</td>

</tr>

</table>

처음에는 그려지는데로 엉텅리로  화면을 구성했다..

역시나 문제가 생기고, 다시 이것저것 찾아보면서 공부하니 기본의 중요성을 다시 느끼고 다시  만들었다.

태그에 스타일을 적용해도 반응하지않고 세로정렬이 반응을 하지않음..

다시 정리해서 <td> 안에 하나하나 분리해서 적용하니 된다.

• <td> 밑줄 강조 , 밝은 회색 / style="border-bottom:0.5px solid LightGray;" 
• <td> 글씨 두껍게 강조 , 글씨 사이즈 / span style="font-weight:bold;font-size:0.9em;
• <td> 글씨 한깐 씩 띄어쓰기 / &nbsp;

<table>

<tr>

<td>

<img src='img/subway_icon.jpg'>

</td>

<td  style="border-bottom:0.5px solid LightGray;">

<span style="font-weight:bold;font-size:0.9em; vertical-align:center">&nbsp;&nbsp;&nbsp;안내</span>

</td>

<td>

<img src='img/subway_line.jpg'>

</td>

<td style="border-bottom:0.5px solid LightGray;">

<span style="font-size:0.9em; vertical-align:center">&nbsp;&nbsp;&nbsp; </span>

</td>

</tr>

</table>