无法减少图像和段落之间的多余空间

Question

我设计了一个应用程序并应用了内联样式，例如图像和文本并排显示。我看到图像和文本之间有多余的空间。我还看到“ Demo Analysis Application”显示为“ Demo Analysis”，并在下一行“ Application”中显示。我想要图像，并在其旁边输入“ Demo Analysis Application”。

我已经展示了我在下面尝试过的内容。我已经在图片中标记了我不需要的内容。

<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>

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