html - 无法减少图像和段落之间的额外空间

Question

我设计了一个应用程序并应用了内联样式，这样的图像和文本并排出现。我看到图像和文本之间有一个额外的空间。我还看到“演示分析应用程序”显示为“演示分析”，并在下一行“应用程序”中显示。我想要图像，旁边是“演示分析应用程序”。

我在下面展示了我尝试过的。我在图片中标记了我不想要的。

<table class="mainTable" style="margin:auto;">
  <tr>
    <td colspan="1" style="height:65px;width:200px;padding:0px; padding-top:30px; padding-bottom:20px; border:0px; margin:0px;">
      <img src="images/test.jpg" alt="Logo" width="200px" height="100px">
    </td>

    <td colspan="1" style="height:65px;padding:0px; padding-top:30px; padding-bottom:20px; border:0px; margin:0px;">
      <p style="height:65px;width:200px;font-weight:bold;font-size:26px;">Demo Analysis Application</p>
    </td>
  </tr>
</table>

Answer 1

<table class="mainTable" style="margin:auto;">
  <tr>
    <td colspan="1" style="height:65px;width:auto;padding:0px; padding-top:30px; padding-bottom:20px; border:0px; margin:0px;">
      <img src="https://cdn.pixabay.com/photo/2017/04/05/11/56/image-in-the-image-2204798_960_720.jpg" alt="ANSYS Logo" width="200px" height="100px">
    </td>

    <td colspan="1" style="height:65px;padding:0px; padding-top:30px; padding-bottom:20px; border:0px; margin:0px;">
      <p style="height:65px;width:200px;font-weight:bold;font-size:26px;">Demo Analysis Application</p>
    </td>
  </tr>
</table>

请检查此代码。我认为这就是您想要的。